doubleyong
管理员
管理员
  • 最后登录2026-05-25
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:8100回复:0

[vue]vue-router同一路由地址同页面切换无效解决

楼主#
更多 发布于:2017-12-27 17:24
最近使用vue,同一个展示界面,只是根据不同的参数去在一个页面显示不同的信息。
试了第一次能触发进去,再点击不同参数相同路由就没反应

const router = new VueRouter({
  routes: [
    // 动态路径参数 以冒号开头
    { path: '/user/:id', component: User }
  ]
})


总结原因
虽然路由地址变化了,但是还是只想的是同一个组件,而created是创建组件的时候执行,这个钩子根本就不适用啊。。。

翻查vue-router 官方文档,始终找不到一个合适的钩子来执行代码。咋整??
一页一页的翻看官方文档,终于找到了解决方法,参看 响应路由参数的变化

最终解决方案

created () {
},
methods: {

}, watch: {
  '$route' (to, from) {
    //在些重新绑定数据
  }
}


通过watch , 来监听$route的变化,在监听到变化后,重新绑定数据。这样就OK了

参考:http://blog.csdn.net/fungleo/article/details/54140095
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号