解决Vue复用组件切换时组件不更新的问题

作者 Yuqi Bi 日期 2018-04-12
解决Vue复用组件切换时组件不更新的问题

距离上次更新已经是去年了,习惯这个东西真可怕,本文仅做个小记录

背景

做项目中,复用的vue组件,切换时,组件的生命周期都不执行了,查资料得知是vue的组件复用机制问题,相同的组件会被复用,也就不存在更新了

解决方案

在router-view上加上一个动态key属性值

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

欧克…(逃)