Vue 路由器 this.$route.router undefined

Question

我正在尝试使用 router.push({ path: 'customers', query : mergedQuery }); 重定向 url，但我无法获得对 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

Answer 1

您访问的方式有误。根据 official docs，路由器在组件实例中可用 this.$router.

Vue 路由器 this.$route.router undefined

Vue Router this.$route.router undefined

vue.js

vue-router