weixin_42046203
木子^_^
采纳率0%
2019-12-31 11:16 阅读 3.2k

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

vue怎么实现跳转同一个路由的时候刷新当前路由,因为我是父级路由做了个筛选栏,需要传不同值到子路由

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • weixin_41144077 比孤狼还孤独的人 2019-12-31 18:39

    楼主可以看看provide/inject这个属性,它可以进行强制刷新

    点赞 1 评论 复制链接分享
  • Marco_hui Marco_灰 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中封装的加载数据函数
            }
        }
    }
    
    点赞 2 评论 复制链接分享
  • n009ww 两个娃他爹 2019-12-31 13:48

    路由守卫,判断路由是否相同,应该是这么个思路

    点赞 评论 复制链接分享

相关推荐