vue-admin

2018-11-27  本文已影响0人  刘予安

1.router-view

两个页面使用的是同一个component,默认情况下当这两个页面切换时并不会触发vue的created或者mounted钩子,官方说你可以通过watch $route的变化来做处理,但很麻烦的。

后来发现其实可以简单的在 router-view上加上一个唯一的key,来保证路由切换时都会重新渲染触发钩子了。

<router-view :key="key"></router-view>

computed:{ key() {returnthis.$route.name !== undefined? this.$route.name + +new Date(): this.$route+ +new Date() } }

上一篇 下一篇

猜你喜欢

热点阅读