vue2.0之.vue文件之间$router传值

来源:互联网 发布:淘宝助理5.5无数据 编辑:程序博客网 时间:2024/06/05 14:44

开发项目时,常会需要不同页面之间传递某个参数的值,现在分享一下$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里的。

这里写图片描述

希望本文对您有所帮助!