0

Как вызвать метод из App.vu, находящийся на текущей открытой странице. Открытие страниц осуществляется с помощью vue-router?

Я попытался использовать реф-ссылку, добавив ее в код страницы:

Моя страница-компонент, открываемая через маршрутизацию роутера appeals_out.vue:

    <template>
      <div ref="appeals_out">
      ...
      </div>
    </template>
    <script>
      export default {
        data: () => ({
         methods:{
           openFormViewAppeal(id) {...}
         }
      })
    }
    </script>

Мой файл App.vue:

    <template>
        <v-app>
          ...
          <router-view></router-view>
          ...
        </v-app>
    </template>
    <script>
    export default {
      data() {
        return{...}
      },
      methods:{
        openObject(object_id, object_type){
           var appeals_out = this.$refs.appeals_out
           console.log('appeals_out: ',appeals_out)        // -> appeals_out: undefined
           appeals_out.openFormViewAppeal(object_id)
        }
    }
    </script>

Но при попытке получить доступ к компоненту страницы по ссылке получаю 'undefined'.

2
  • Выведите в консоль последовательно this, this.$refs и посмотрите, что там лежит
    – SwaD
    5 мар в 17:58
  • this.$refs - пустой, this - в структуре нет элемента с идентификатором appeals_out 6 мар в 3:51

1 ответ 1

0

Разобрался. Добавил ref в тег <router-view> и получил доступ к странице, котрая загружается в него через роутер.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.