如何在主vue实例中观看路由器对象

时间:2019-05-21 04:51:48

标签: vuejs2 vue-router watch

从我的主要vue实例中,我试图检测路线何时更改。到目前为止,我了解到我需要深入观察对象以检测属性更改。但是我的方法行不通。我在做什么错了:

const app1 = new Vue({
  el: '#app1',
  router,
  data: {
    activeRoute: router.currentRoute
 },

 methods: {
    printclass: function() {
        console.log(router.currentRoute.path);
    }
 },

 computed: {
 },

 watch: {
    'router.currentRoute': {
        handler(newVal) {
            console.log('changed');
        }, deep: true
    }
 },

 created: function() {
    console.log(router.currentRoute);
 }
});

我知道currentRoute对象的path属性会在路由更改时发生更改(即,呈现了不同的组件)。

1 个答案:

答案 0 :(得分:0)

观看$ route。

watch: {
     '$route' (to, from) {
        this.yourFunction(           
    },