vue怎么实现跳转同一个路由的时候刷新当前路由,因为我是父级路由做了个筛选栏,需要传不同值到子路由
3条回答
- 墨青岩 2020-01-06 11:29关注
当前路由跳当前路由,虽然路由相同,但传参不同,可在当前页面进行路由监听,通过判断new.fullPath 和 old.fullPath的值是否相同,来进行刷新页面或重新加载数据。
举个例子:
从商品A详情页跳转商品B详情页,路由都是 /productDetail,但传参id不同,商品A是“/productDetail?id=4234123”,商品B是“/productDetail?id=4396125”,所以可以这么判断:watch:{ $route(n,o){ if(n.fullPath !== o.fullPath){ //监听路由参数是否变化 location.reload() //强制刷新页面 } } }
但不建议使用location.reload()强制刷新页面,进入页面我们只希望重新加载数据而已,所以这里最好调用加载数据函数就行:
watch:{ $route(n,o){ if(n.fullPath !== o.fullPath){ //监听路由参数是否变化 this.getData() //methods中封装的加载数据函数 } } }
解决 7无用 3
悬赏问题
- ¥15 微信小程序协议怎么写
- ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
- ¥20 怎么用dlib库的算法识别小麦病虫害
- ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
- ¥15 java写代码遇到问题,求帮助
- ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看