VUE 路由参数改变重新刷新数据，2024前端春招面试经历

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

修改 App.vue 文件

---

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

this.$router.push({

name:‘list’,

query: {id:this.selectMsg }

})

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

---

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

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

watch:{

‘$route’:‘getId’

},

上边的意思是当监听到 $route 对象变化后就监听到，调用getId方法。

下面是 getId 方法在下面：

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。