vue地址栏网址query参数parameter改变后触发问题

问题描述

vue项目中，如果地址栏改变（例如菜单是根据参数改变而不同的：/info?id=1里面$router.push或者replace到/info?id=2）,是不会进入created() {}或者mounted(){}或者activated(){}等生命周期方法的

问题解决

我们可以利用watch来监听query是否改变

watch: {
    '$route.query.id'() {
        console.log('$route.query.id called: '+ this.$route.query.id);
        // 你的代码逻辑
    }
},