|
最近使用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 |
|
|