木子^_^ 2019-12-31 11:16 采纳率: 0%
浏览 4662

vue怎么实现跳转同一个路由的时候刷新当前路由

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中封装的加载数据函数
            }
        }
    }
    
    评论

报告相同问题?

悬赏问题

  • ¥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 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看