Vuejs 2路由器无法以编程方式运行,但可以作为路由器链接

Bha*_*idi 6 javascript vue.js

索引js文件

我以编程方式使用了vue路由器,但是它对我没用。我在网上搜索,每个人都用过this.$router.push()

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

Vue.use(Router)

export default new Router({
 routes: [
 {
  path: '/',
  name: 'HelloWorld',
  component: HelloWorld
 },
 {
  path: '/become_host',
  name: 'BecomeHost',
  component: BecomeHost
 }
]})
Run Code Online (Sandbox Code Playgroud)

component.vue

响应成功后,我打电话如下

if (res.data.status === 'success') {
    localStorage.setItem('user', JSON.stringify(res.data.data))
    let user = JSON.parse(localStorage.getItem('user'))
    this.setUserData(user)
    this.$router.push('/become_host')
}
Run Code Online (Sandbox Code Playgroud)