主要问题
vue 同一路由跳转不走生命周期,导致数据不更新
不管是动态路由还是?传参 。都不走
办法一:
使用watch 监听路由变化。手动更新数据。
办法二 :
使用 <router-view :key="$route.fullPath"/>
使用这个可以完美解决不刷新问题。
使用router-view
时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略
,并不会刷新当前路由组件。即mounted
,beforeDestory
等钩子函数并不会触发。
如果想强制刷新,可以在根路由上为其分配一个唯一key。采用$route.fullpath
作为其唯一key。这样vue就回认为内部路由每个都是不同的路由,在跳转时便会强制刷新组件
联系我 qq: 981900309