首页 > 其他 > 详细

vue中动态路由匹配(即:组件复用)参数不刷新解决方案(最简单的)

时间:2021-05-10 15:23:54      阅读:14      评论:0      收藏:0      [点我收藏+]

官方说你可以通过 watch $route 的变化来进行处理,但说真的还是蛮麻烦的。

后来发现其实可以简单的在 router-view 上加上一个唯一的 key,来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。

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

computed: {
  key() {
    // 只要保证 key 唯一性就可以了,保证不同页面的 key 不相同
    return this.$route.fullPath
  }
 }

vue中动态路由匹配(即:组件复用)参数不刷新解决方案(最简单的)

原文:https://www.cnblogs.com/lahm8963/p/14750695.html

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