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

 分类:vue教程时间:2021-01-31 15:26:45点击:

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

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
},
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: