Vue跳转到本页面跳转,解决只是传参不同,页面不刷新的问题

最近新来了一批小朋友,做我之前做过的项目,老大让我带带他,我还是个需要人带的菜鸟啊!!!

首先是这个么需求,文章详情右侧菜单有推荐文章,点进去还是文章详情,一想很简单是不是,后台配的是全链接,http://xxxx.com?id=1这样的,寻思直接跳转不就行了

window.location.href = url;

然后页面是跳转了,但是没有重新调接口。。。页面参数变了但是数据不变,解决办法就是。。。

加一个侦听器,监听路由的变化就行了

watch: {
    $route (to, from) {
      this.$router.go(0)
    }
  },

其中this.$router.go(0)为刷新页面,但此方法可能在Safari中无法实现,还可以用js原生的方法:window.location.reload()

我是参考的这篇文章,写博不易,标明出处,我是个好人。o(* ̄▽ ̄*)ブ

https://www.cnblogs.com/jane2160/p/11573315.html