Vue Router this。$ route.router undefined

时间:2017-01-17 07:47:19

标签: vue.js vue-router

我正在尝试使用router.push({ path: 'customers', query : mergedQuery });重定向网址,但我无法正确引用router属性。

我觉得我在app.js中遗漏了一些东西,但不确定是哪一个。内部组件this.$route内部包含一些内容,但没有router属性。

app.js

window.Vue = require('vue');
window.VueRouter = require('vue-router');
window.VueResource = require('vue-resource'); 
window.Vue.use(window.VueRouter);

const routes = [
        { path: '/', component: require('./components/dashboard.vue')  },
        { path: '/customers/', component: require('./components/customers/list.vue')  },
    ];
const router = new VueRouter({routes});
const app = new Vue({router}).$mount('#app');

.vue文件

console.log(this.$route.router); //undefined

2 个答案:

答案 0 :(得分:2)

您无法正确访问它。根据{{​​3}},路由器在组件实例中可用this.$router

答案 1 :(得分:1)

使用此。$ router而不是此。$ route.router