Vue-роутер подтолкнуть к Named View - PullRequest
Новая
       15

Vue-роутер подтолкнуть к Named View

2 голосов
/ 18 марта 2019

Я не могу найти решение, чтобы перейти к названному представлению. Мои маршруты, 

routes: [
{
  path: '/',
  component: App,
  children : [
    {
      path: '/',
      redirect: 'home'
    },
    {
      path: 'home',
      components: {
        home : Home,
        contact : Contact,
        geo : Geo,
        shake : Shake,
        camera : Camera
      }
    },
  ]
}

]

Это мое app.vue 

...
<ion-fab vertical="bottom" horizontal="center" slot="fixed">
    <ion-fab-button @click="page()">
        <ion-icon name="camera"></ion-icon>
    </ion-fab-button>
</ion-fab>
...

export default {
    name : 'App',
    methods: {
        page() {
            this.$router.push('home');
        }
    }
}

Я хочу перейти к компоненту «Камера», когда нажимаю значок / кнопку камеры. Как мне этого добиться?

Ответы [ 2 ]

1 голос
/ 19 марта 2019

Если вы хотите перенаправить с помощью скрипта, вы можете попробовать это, чтобы изменить маршрут. 

this.$router.push({ name: 'your_route_name' })

Кроме того, вы также можете отправлять параметры на этот маршрут, включив props: true при определении маршрутов, 

this.$router.push({name: 'your_route_name', params: { var_name: data } })
1 голос
/ 18 марта 2019

Вы должны определить несколько представлений маршрутизатора для каждого имени в именованных представлениях.Должно быть одно значение по умолчанию и несколько других для каждого имени.Вот так. 

<router-view></router-view>
<router-view name="home"></router-view>
<router-view name="contact"></router-view>

Все соответствующие компоненты будут загружены в router-view при обращении к URL.

Подробнее об этом можно прочитать в этом документе.,См. Рабочий пример здесь

...