当前位置: 首页 > Web前端 > vue.js

监听vue组件路由,重建组件

时间:2023-04-01 11:38:41 vue.js

当组件路由需要跳转到同一个复用组件的路由时,因为组件存在,所以不会重新创建。因此,有必要监控组件路由的变化。当前页面路由:代码:在如图的文章组件内部,点击时需要根据不同的路由参数进行跳转。这时候因为使用了相同的组件,需要监听路由的变化,才能重新构建组件。因此,添加一个watch监听路由变化等同于:`watch:{id(){this.fetch()}}`或者在router-view中添加一个key值,根据路径跳转: