开发项目时,常会需要不同页面之间传递某个参数的值,现在分享一下$router的方法,需求是 a.vue文件的一个参数price要传到 b.vue文件,即 a.vue文件跳转到 b.vue的时候带过去price参数。a.vue 的代码:
<!--html-->
<button @click = "func()">跳转</button>
//js
<script>
export default{
methods:{
func (){
this.$router.push({path: '/order/b',query:{ price:69.00 }});
}
}
}
</script>
说明:
b.vue文件的写法:
<!--html-->
<p>{{this.$route.query.unitPrice}}</p>
注意:这里的HTML代码是写在template里的。
希望本文对您有所帮助!
个人微信公众号:侦探小禾子,闲聊育儿生活星座塔罗牌,野生法考通过者免费法律咨询,欢迎关注!