1、方式一:添加 watch 监听路由参数变化强制页面刷新 2、方式二:在展示区的 router-view 标签上控制 key 属性变化 ...
在使用vue和vue router开发spa应用时,我们会遇到这样一种问题。当页面跳转时,组件本身并没有发生改变: 这时我们进行路由跳转后会发现组件并没有刷新,在前一个路由组件的数据都保留了下来,这并不是我们想要的效果。 对于简单的数据更新,我们可以直接监听路由参数并重新获取路由的初始化数据即可,但是对于有很多子组件需要初始化或者reset的情况,我们还是有必要重新执行组件的生命周期。 针对这种情 ...
2018-12-17 22:05 0 1247 推荐指数:
1、方式一:添加 watch 监听路由参数变化强制页面刷新 2、方式二:在展示区的 router-view 标签上控制 key 属性变化 ...
参考: https://www.cnblogs.com/ainyi/p/9340311.html https://blog.csdn.net/weixin_41888813/article/det ...
问题描述 当我们使用同一路径跳转不同页面时,路由参数不会刷新,所以组件中接收不到,比如我的路由定义和路由跳转链接如下: 当然我们人为不肯直接这样写啦~这里模拟问题写的demo 采用 watch 监听 1. 在点击跳转的组件中使用 watch 进行 ...
在菜单的路由跳转上绑定一个随机query参数,例如时间戳或者随机数: 该操作会触发路由改变,但是组件内的状态没有初始化,因为组件没有被重建。 在路由容器上绑定key值: 大功告成,通过key值的变化去强制刷新该组件。 原文链接:https ...
vue相同路由跳转强制刷新该路由组件 在打开该菜单页面的情况下,再次点击菜单需要刷新该组件(销毁再创建) 在路由容器上绑定key值 原文链接:https://blog.csdn.net/CaanDoll/article/details ...
场景: vue实现导航栏,二级导航栏跳转到相同页面,通过参数来实现到该页面后,根据参数来滚动到对应到位置 网上的解决方法: 通常情况下我们喜欢设置keepAlive 包裹 router-view 同时在created 中触发请求,在路由参数不同的情况下并不会 ...
加上: 每次点击都会刷新页面啦 ...
看到别人的解决方法,具体是否正确,有待考证 created () { console.log(this.getStatus(this.$route.path))}, watch: { '$ro ...