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

91 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

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

解决方法:

一:

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

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

二:使用:key="$route.fullPath"

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

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