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

Question

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

Answer 1

当前路由跳当前路由，虽然路由相同，但传参不同，可在当前页面进行路由监听，通过判断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中封装的加载数据函数
        }
    }
}