keep-alive 标签/组件包裹的内容不更新,希望再次进入实现数据更新逻辑

※使用activated钩子函数实现数据更新逻辑

  • activated: 缓存的组件再次进入时会触发
  • deactivated: 缓存的组件离开时会触发

<keep-alive >
    <router-view :key="key" />
</keep-alive>
export default {
    activated() {
      console.log('moutend')
      // do something,如:请求详情数据等
    }
}

猜你喜欢

转载自blog.csdn.net/Shimeng_1989/article/details/128394427