VueJS:点击相同的“路由器链接”后重新创建组件?

时间:2018-04-09 14:40:32

标签: javascript vue.js vuejs2 vue-router

使用vue.js和vue-router,有没有办法在点击“路由器链接”后重新创建一个组件,该路由器指向与当前路由相同的路由?

基本上,如果点击导致当前路线的“router-link”可以重新启动我的组件的“created()”或“mounted()”函数,那就太棒了。

也许有一个“$ watch”的伎俩,或类似的东西,我真的不知道!

1 个答案:

答案 0 :(得分:3)

要让Vue区分该组件与以前不同,您应该为组件指定一个键属性。当密钥更改时,vue会重新创建组件,因此您需要路由的唯一内容,例如url。在这个沙箱上,您可以看到每次密钥更改时都会运行创建的挂钩。

https://codesandbox.io/s/6xmymlpvwk