vue 跳转并传参,实现数据实时更新

原文链接: 点我

比如我现在在页面A跳转到页面B,A中的router-link :to={path:’B’,params:{id:’5’}}

clipboard.png

clipboard.png

求助:在页面B中的mounted生命周期函数中使用this.$route.params.id,然后通过id的值进行其他操作,但是页面没有新的操作路由或者操作页面的程序,导致数据拿到但是页面没更新,得手动刷新页面才能出现最终要的结果,如何解决?

解决办法:

watch: {

  '$route'(to, from) {

   执行数据更新对应的方法  比方说
   this.id = this.data_id

     }

}

posted @ 2019-09-12 15:45  王小道  阅读(1177)  评论(0编辑  收藏  举报