vue-router页面切换不刷新的解决办法

2020-04-30  本文已影响0人  毛毛熊毛茸茸

vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。引用相同组件的时候,会导致该组件无法更新,也就是页面无法更新。
在父页面(home.vue)

<router-view :key="key"></router-view>
......
computed:{
    key(){
       return this.$route.path + Math.random();
    }
}

子页面获取跳转参数并处理

created() {
        var paraid = this.$route.params.myparaname;
        if (paraid != undefined) {
            //从有参数的页跳转过来的
        } else {
            //直接打开,没有参数
        }
},
上一篇 下一篇

猜你喜欢

热点阅读