本文已参与「新人创作礼」活动,一起开启掘金创作之路。
问:同一条路径下首页和首页中不同子路径使用共同的组件,只有router-view发生变化,当在路由中改变共同使用组件的数据时,组件不刷新
解决方法:
一:
使用watch监听路由变化,手动更新数据:
watch: {
$route(to, from) {
this.data=newdata
}
}
二:使用:key="$route.fullPath"
<router-view :key="$route.fullPath">
通过绑定一个fullPath,可以识别当前页面路由的完整地址,当地址发生改变或者参数改变时,则重新渲染页面