首页 > 其他 > 详细

vue-router导航切换 时,两个路由都渲染同个组件,组件生命周期不会再调用,组件依然显示上一个路由渲染出来的自建

时间:2021-03-28 22:03:41      阅读:121      评论:0      收藏:0      [点我收藏+]

问题:vue-router导航切换 时,如果两个路由都渲染同个组件,

组件的生命周期方法(created或者mounted)不会再被调用, 组件会被重用,显示上一个路由渲染出来的自建

解决方案:可以简单的在 router-view上加上一个唯一的key,来保证路由切换时都会重新触发生命周期方法,确保组件被重新初始化。

修改 AppMain.vue 文件如下:

<router-view:key="key"></router-view>

 

computed: {
key() {
returnthis.$route.name !== undefined? this.$route.name + +newDate(): this.$route + +newDate()
    }
 }

 

vue-router导航切换 时,两个路由都渲染同个组件,组件生命周期不会再调用,组件依然显示上一个路由渲染出来的自建

原文:https://www.cnblogs.com/guoxiangyue/p/14589547.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!