其他分享
首页 > 其他分享> > 组件重用问题

组件重用问题

作者:互联网

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

组件的生命周期方法(created或者mounted)不会再被调用, 组件会被重用,显示上一个路由渲染出来的自建
解决方案:可以简单的在 router-view上加上一个唯一的key,来保证路由切换时都会重新触发生命周期方法,确保组件被重新初始化。


<router-view :key="key"></router-view>
computed: {
    key() {
        return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date()
    }
 }

标签:route,重用,问题,Date,key,组件,new,路由
来源: https://www.cnblogs.com/m1573/p/16023659.html