Как автоматически сменить страницу с помощью vue-router?

Question

Как видно из названия, в коде есть две страницы. Я хочу показать страницу HelloWorld сначала, а затем показать следующую страницу myPage без какого-либо клика. (может быть, через 2 с ..) Как автоматически изменить страницу с помощью vue-router?

Я знаю, должен установить какой-то код в функции setTimeout.

index.js

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import myPage from '@/components/myPage'



Vue.use(Router)


export default new Router({
  routes: [{
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path: '/myPage',
      name: 'myPage',
      component: myPage
    }
  ],

})

Answer 1

Если вы хотите перейти от HelloWorld к MyPage компоненту, используйте created или mounted хук компонента HelloWorld , например:

created() {
    setTimeout(() => {
        // You can also use replace() instead of push()
        this.$router.push('/myPage');
    }, 2000);
}

Readподробнее о крючках здесь .

Answer 2

Это необходимо сделать в файле HelloWorld.vue.У вас будет что-то подобное в функции mount вашего файла HelloWorld.vue

mounted() {
    setTimeout(() => {
       this.$router.push('/next-route')
    }, 2000)
}

Надеюсь, что это поможет