美文网首页
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 {
            //直接打开,没有参数
        }
},

相关文章

  • SPA(single page application)

    为什么切换路由不刷新页面 vue-router 的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切...

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

    vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。引用...

  • Vue.js 生态之 Vue-Router

    vue-router 是 Vue的路由系统,定位 资源的,我们不可以进行整页刷新去切换页面内容。 vue-rout...

  • Vue $bus被多次触发

    只要页面没有强制刷新,存在组件切换,bus.$on方法会被多次绑定,造成事件多次触发 解决办法: 如果以上方案不起...

  • vue路由跳转页面不刷新数据

    前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换...

  • vue跳转局部页面切换

    vue在跳转的时候,让只切换想要的局部页面,而不是整个页面切换,比如A页面跳转到B页面,但是动态背景动画不刷新,只...

  • vue跳转当前页面页面不刷新问题

    vue跳转当前页面页面不刷新,导致切换角色的时候有些权限无法更新解决方法:1.router.go(0) 页面刷新 ...

  • Vue错误集

    vue-router使用hash模式时,页面点击跳转或者刷新正常.使用history模式时,页面点击跳转正常,刷新...

  • vue中的页面刷新问题

    刷新 1. 用vue-router重新路由到当前页面,页面是不进行刷新的 2.采用window.reload(),...

  • angular2页面数据不刷新的解决办法

    angular2页面数据出现不刷新的解决办法: 在ts里引进ChangeDetectorRef模块: import...

网友评论

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

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