VUE 路由参数改变重新刷新数据，前端开发文档

这几行代码保证我们在当前路由页面下再次跳转到这个路由不会出错。

修改 App.vue 文件

---

添加点击查询按钮，进行页面跳转并搜索

this.$router.push({

name:‘list’,

query: {id:this.selectMsg }

})

在 list.vue 文件中使用 watch监听器

---

使用watch监听器监听路由参数变化。

// 监听器监听路由参数变化

watch:{

‘$route’:‘getId’

},

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。