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里的。
希望本文对您有所帮助!
阅读全文
0 0
- vue2.0之.vue文件之间$router传值
- vue2.0中.vue文件页面跳转之.$router.push
- vue2.0路由--vue-router
- vue2.0,vue-router配置
- vue2.0使用vue-router
- Vue2.0配置vue-router
- vue2.0之vue-router的神坑 router-view不显示
- Vue2.0 + vue-router + Vuex实战演练
- vue2.0 vue-router学习笔记
- Vue2.0 框架配置:vue-cli + vue-router + vuex
- vue2.0+vue-cli+webpack+vue-router中路由设定
- Vue2.0 框架配置:vue-cli + vue-router + vuex
- Vue2.0 探索之路——vue-router入门教程和总结
- Vue2.0 探索之路——vue-router入门教程和总结
- Vue2.0+vue-router实现简易豆瓣电影webApp
- 使用vue2.0 vue-router vuex 模拟ios7操作
- 搭建vue2.0+vuex+vue-router+babel+webpack环境
- 使用vue2.0 vue-router vuex 模拟ios7操作
- Android非主线程更新UI
- Cornerstone忽略不必要的文件
- Educational Codeforces Round 21-D
- Struts2_Struts2的处理流程与Action的管理方式
- 教你玩转 Java 的临时文件(创建与删除)
- vue2.0之.vue文件之间$router传值
- jvm类加载机制
- android开发中高德地图点聚合自定义聚合点的样式
- Solitaire's Privacy Policy
- win10的edge打不开怎么办
- dp斜率优化 锯木厂选址(CEOI 2003)题解
- jsfiddle的demo
- c++学习笔记5:运算符重载、友元和类的类型转换
- unity3d开发环境搭建