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

Joker • • 前端笔记 • 284 阅读

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

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

1.例子：

点击到test页面

2.在mounted里：

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

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

created() {
this.farmId = this.$route.query.farmId
},
版权声明：
作者：Joker 链接：https://456787.xyz/archives/1785
文章版权归作者所有，转载请注明出处。
THE END
分享
二维码
打赏
< <上一篇
下一篇>>