Vue中this.$router.push参数获取方法


Posted in Javascript onFebruary 27, 2018

传递参数的方法:

1.Params

由于动态路由也是传递params的,所以在 this.$router.push() 方法中path不能和params一起使用,否则params将无效。需要用name来指定页面。

及通过路由配置的name属性访问

在路由配置文件中定义参数:

Vue中this.$router.push参数获取方法 

通过name获取页面,传递params:

Vue中this.$router.push参数获取方法 

在目标页面通过this.$route.params获取参数:

Vue中this.$router.push参数获取方法 

2.Query

页面通过path和query传递参数,该实例中row为某行表格数据

Vue中this.$router.push参数获取方法

在目标页面通过this.$route.query获取参数:

this.$route.query.row.xxx

以上这篇Vue中this.$router.push参数获取方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript TO HTML 转换
Jun 26 Javascript
JQuery 遮罩层实现(mask)实现代码
Jan 09 Javascript
基于JQuery的列表拖动排序实现代码
Oct 01 Javascript
checkbox选中与未选中判断示例
Aug 04 Javascript
jQuery Ajax()方法使用指南
Nov 19 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
在vue中添加Echarts图表的基本使用教程
Nov 22 Javascript
Vue实现动态创建和删除数据的方法
Mar 17 Javascript
js实现随机点名程序
Sep 17 Javascript
原生js实现五子棋游戏
May 28 Javascript
nuxt静态部署打包相对路径操作
Nov 06 Javascript
使用AutoJs实现微信抢红包的代码
Dec 31 Javascript
angularJs-$http实现百度搜索时的动态下拉框示例
Feb 27 #Javascript
angularjs数组判断是否含有某个元素的实例
Feb 27 #Javascript
angular json对象push到数组中的方法
Feb 27 #Javascript
angularjs实现table增加tr的方法
Feb 27 #Javascript
关于redux-saga中take使用方法详解
Feb 27 #Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 #Javascript
angularJs 表格添加删除修改查询方法
Feb 27 #Javascript
You might like
php+jQuery+Ajax简单实现页面异步刷新
2016/08/08 PHP
PHP简单获取随机数的常用方法小结
2017/06/07 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
json格式化/压缩工具 Chrome插件扩展版
2010/05/25 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
浅谈Sizzle的“编译原理”
2015/04/14 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
js实现获取当前时间是本月第几周的方法
2015/08/11 Javascript
jQuery实现可展开合拢的手风琴面板菜单
2015/09/15 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
jQuery siblings()用法实例详解
2016/04/26 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
详解Jquery Easyui的验证扩展
2017/01/09 Javascript
基于Vue实例对象的数据选项
2017/08/09 Javascript
深入研究jQuery图片懒加载 lazyload.js使用方法
2017/08/16 jQuery
vue-cli的eslint相关用法
2017/09/29 Javascript
JavaScript实现为事件句柄绑定监听函数的方法分析
2017/11/14 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
vue css 引入asstes中的图片无法显示的四种解决方法
2020/03/16 Javascript
浅谈vue项目,访问路径#号的问题
2020/08/14 Javascript
Python图算法实例分析
2016/08/13 Python
Django使用AJAX调用自己写的API接口的方法
2019/03/06 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
Python使用re模块验证危险字符
2020/05/21 Python
PyCharm 解决找不到新打开项目的窗口问题
2021/01/15 Python
详解px单位html5响应式方案
2018/03/08 HTML / CSS
项目建议书格式
2014/03/12 职场文书
实习生评语
2014/04/26 职场文书
欢度春节标语
2014/07/01 职场文书
大学生自荐信怎么写
2015/03/26 职场文书
观看建国大业观后感
2015/06/01 职场文书
2016春季幼儿园大班开学寄语
2015/12/03 职场文书
Python 游戏大作炫酷机甲闯关游戏爆肝数千行代码实现案例进阶
2021/10/16 Python
Win11运行育碧游戏总是崩溃怎么办 win11玩育碧游戏出现性能崩溃的解决办法
2022/04/06 数码科技
vue ant design 封装弹窗表单的使用
2022/06/01 Vue.js