vue 路由跳转刷新的问题
在根组件上添加如上代码。可以实现路由的跳转每次都刷新
·
一、问题产生:
使用router-view
时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略
,并不会刷新当前路由组件。即mounted
,beforeDestory
等钩子函数并不会触发。如果想强制刷新,可以在根路由上为其分配一个唯一key。采用$route.fullpath
作为其唯一key。这样vue就回认为内部路由每个都是不同的路由,在跳转时便会强制刷新组件
二、问题解决:
三、结语
其实还有很多种方式,例如通过v-if
,在$nexttick
前后进行路由的销毁等等。但是个人感觉上述方式最优雅。
2022.6.3日(长期有效):打个广告,苏州华为终端BG面向社会招聘人才,Java /C C++ / Python / Javascript 。有兴趣来苏州的同学们 可以加我V 15850277051 ,走内推流程,有问必答!
更多推荐
已为社区贡献1条内容
所有评论(0)