CClown

vue同一条路径下使用共同组件数据不刷新问题

作者:cece 时间:2021-05-30 浏览量(182)

问:同一条路径下首页和首页中不同子路径使用共同的组件,只有router-view发生变化,当在路由中改变共同使用组件的数据时,组件不刷新

解决方法:

一:

使用watch监听路由变化,手动更新数据:

watch: {
    $route(to, from) {
      this.data=newdata
    }
  }

二:<router-view :key="$route.fullPath">

使用:key="$route.fullPath"

通过绑定一个fullPath,可以识别当前页面路由的完整地址,当地址发生改变或者参数改变时,则重新渲染页面

文章标签:Vue javascript

本文选自CClown的原创文章,转载请注明内容来源:CClown(https://blog.cclown.com/post/67.html)

评论:

验证码