问题:
从gtiHub上拉的后台管理系统的代码 vue-admin-template模板,从列表页跳转进详情页,只在第一次跳转时加载created和mounted,第二次直接使用页面缓存了,查了半天,发现原因就在开发者的“手摸手”系列的官方文档中…真是对自己的大无语事件
解决方法:
点击查看详情,发现 id=001和 id=002的在页面上的数据时一样的,因为没有触发vue的created或者mounted钩子,因为你进入的router.name是一样的,虽然参数变了,但是路由没有监听到。
- “手摸手”给出的解决方法:
在 router-view上加上一个唯一的key,来保证路由切换时都会重新渲染触发钩子了。这样简单的多了。
< router-view />在App.vue页面,是这个模板封装好的路由跳转的组件
<router-view :key="key"></router-view>
computed: {
key() {
return this.$route.name !== undefined? this.$route.name + +new Date(): this.$route + +new Date()
}
}
代码一加,立刻生效
事实证明,一定要阅读官方文档!!!
补充 也可以这样:
全路径作为路由中唯一的key