Javascript Vue2.0在router.push期间发生未定义的遭遇推送

Javascript Vue2.0在router.push期间发生未定义的遭遇推送,javascript,jquery,vue.js,Javascript,Jquery,Vue.js,我正在做一个项目,它试图在主菜单显示的子菜单列表上实现一个功能路由。每个子菜单都有自己的特定名称,我想根据子菜单的名称将其附加到我想实现的route.path 模板 <li v-for='child in item.children'> <a href="#" v-on:click.prevent="navigate(child.text)">{{child.text}}</a> <!--<router-view v-bind:to=

我正在做一个项目,它试图在主菜单显示的子菜单列表上实现一个功能路由。每个子菜单都有自己的特定名称,我想根据子菜单的名称将其附加到我想实现的
route.path

模板

<li v-for='child in item.children'>
   <a href="#"  v-on:click.prevent="navigate(child.text)">{{child.text}}</a>
   <!--<router-view v-bind:to="'/trafficSetting/' + child.text">{{ child.text }}</router-view>-->
</li>
Main.JS

Vue.use(VueRouter)
Vue.use(VueResource)
// Vue.use(MintUI)
// define routes
const Home = resolve => require(['./components/home.vue'], resolve)
const trafficSetting = resolve => require(['./components/trafficSetting.vue'], resolve)
const seedResourcesManagement = resolve => require(['./components/seedResourcesManagement.vue'], resolve)
const driverUserManagement = resolve => require(['./components/driverUserManagement.vue'], resolve)
const whiteblackListManagement = resolve => require(['./components/whiteblackListManagement.vue'], resolve)
const VPNserverManagement = resolve => require(['./components/VPNserverManagement.vue'], resolve)
const routes = [
    {path: '/', component: Home},
    {path: '/trafficSetting', name:'trafficS', component: trafficSetting},
    {path: '/seedResourcesManagement', component: seedResourcesManagement},
    {path: '/driverUserManagement', component: driverUserManagement},
    {path: '/whiteblackListManagement', component: whiteblackListManagement},
    {path: '/VPNserverManagement', component: VPNserverManagement}
]
这导致

未捕获类型错误:无法读取未定义的属性“push”


如何解决此问题?

您没有声明路由器,请尝试以下方法:

   const router = new VueRouter({
        routes = [
            {path: '/', component: Home},
            {path: '/trafficSetting', name:'trafficS', component: trafficSetting},
            {path: '/seedResourcesManagement', component: seedResourcesManagement},
            {path: '/driverUserManagement', component: driverUserManagement},
            {path: '/whiteblackListManagement', component: whiteblackListManagement},
            {path: '/VPNserverManagement', component: VPNserverManagement}
        ]
    })

的确,我正在设置路由器常数,但在我按下路由器后,似乎什么都没有发生。您可以编辑您的问题并显示更多信息,以查看组件中的
数据
方法
声明以及main.js的全部内容吗?它正在使用导航功能上的
警报(to)
?您是否在vue组件中添加了
router
,例如:
const-app=new-vue({router})。$mount('#app')
   const router = new VueRouter({
        routes = [
            {path: '/', component: Home},
            {path: '/trafficSetting', name:'trafficS', component: trafficSetting},
            {path: '/seedResourcesManagement', component: seedResourcesManagement},
            {path: '/driverUserManagement', component: driverUserManagement},
            {path: '/whiteblackListManagement', component: whiteblackListManagement},
            {path: '/VPNserverManagement', component: VPNserverManagement}
        ]
    })