美文网首页
vue-router页面切换不刷新的解决办法

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

作者: 毛毛熊毛茸茸 | 来源:发表于2020-04-30 17:04 被阅读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 {
                //直接打开,没有参数
            }
    },
    

    相关文章

      网友评论

          本文标题:vue-router页面切换不刷新的解决办法

          本文链接:https://www.haomeiwen.com/subject/tyktghtx.html