Vue路由传参和接受参数的常用方法

       用Vue开发前端项目中，页面之间通过点击要传递参数和接受参数，用到Vue路由传参这个知识点，重点this.$router.push和his.$route.query的使用，看如下例子你应该就懂了Vue路由传参和接受参数的常用方法。

1.例子：

<div @click="toTest(1)">点击到test页面</div>

2.在mounted里：

toTest(id) {
this.$router.push({
path: `/test?farmId=${id}`,
})
},

3.在test页面接受传过来的参数：

created() {
this.farmId = this.$route.query.farmId
},

关注本站更多学习内容请收藏本站或保存本站永久网址[www.axue5.com]每天更新学习资源和各种,破解软件,福利美图技术教程,线报活动等网络资源！