解决vue页面跳转不刷新问题

360 阅读1分钟

问题场景:
当点击A页面某条记录跳转到B页面时,第一次正常,当再返回A页面点击其他记录跳转到B页面时,B页面数据没刷新,还是原来第一次的,原因是vue 同一路由跳转不走生命周期,导致数据不更新,不管是动态路由还是传参,都不走。 解决办法:

 watch: {
   '$route': function(to, from) {
     this.getList()
   }
 }

其实就是将原来 created() 里的内容再写一遍到watch里就可以了。