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 相关文章推荐
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
js实现文字跟随鼠标移动而移动的方法
Feb 28 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)
Jun 08 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
BootStrap 可编辑表Table格
Nov 24 Javascript
JS正则表达式学习之贪婪和非贪婪模式实例总结
Dec 26 Javascript
vue+Element实现搜索关键字高亮功能
May 28 Javascript
node.js实现简单的压缩/解压缩功能示例
Nov 05 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 Javascript
vue项目配置同一局域网可使用ip访问的操作
Oct 23 Javascript
详解Vue router路由
Nov 20 Vue.js
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中支持多种编码的中文字符串截取函数!
2007/03/20 PHP
php更改目录及子目录下所有的文件后缀的代码
2010/09/24 PHP
PHP解密Unicode及Escape加密字符串
2015/05/17 PHP
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
根据地区不同显示时间的javascript代码
2007/08/13 Javascript
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
谷歌浏览器不支持showModalDialog模态对话框的解决方法
2014/09/22 Javascript
jquery搜索框效果实现方法
2015/01/16 Javascript
JS实现的表格操作类详解(添加,删除,排序,上移,下移)
2015/12/22 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
jQuery纵向导航菜单效果实现方法
2016/12/19 Javascript
HTML中使背景图片自适应浏览器大小实例详解
2017/04/06 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
在bootstrap中实现轮播图实例代码
2017/06/11 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
node版本管理工具n包使用教程详解
2018/11/09 Javascript
VUE简单的定时器实时刷新的实现方法
2019/01/20 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
用Python进行一些简单的自然语言处理的教程
2015/03/31 Python
Python性能提升之延迟初始化
2016/12/04 Python
python opencv实现切变换 不裁减图片
2018/07/26 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
Django数据结果集序列化并展示实现过程
2020/04/22 Python
如何基于Python代码实现高精度免费OCR工具
2020/06/18 Python
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
Ever New美国:澳大利亚领先的女装时尚品牌
2019/11/28 全球购物
《长城和运河》教学反思
2014/04/14 职场文书
80后婚前协议书范本
2014/10/24 职场文书
大学生团员个人总结
2015/02/14 职场文书
农民工工资保障承诺书
2015/05/04 职场文书
爱国主义教育主题班会
2015/08/13 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
对象析构函数__del__在Python中何时使用
2022/03/22 Python
Python使用openpyxl模块处理Excel文件
2022/06/05 Python