Vue路由指向同一组件时页面不刷新问题

问题:当使用动态路由或路由传参时,路由改变但是页面不刷新

  • 解决方法

解决方法

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

使用

使用router-view时,如果在相同路由之间跳转,默认在跳转路由时会采用缓存策略,并不会刷新当前路由组件。即mounted,beforeDestory等钩子函数并不会触发。

如果想强制刷新,可以在根路由上为其分配一个唯一key。采用$route.fullpath作为其唯一key。这样vue就回认为内部路由每个都是不同的路由,在跳转时便会强制刷新组件

你可能感兴趣的:(Vue)