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 相关文章推荐
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
JavaScript 布尔操作符解析  && || !
Aug 10 Javascript
使用javascript控制cookie显示和隐藏背景图
Feb 12 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
May 27 Javascript
javascript类型系统——日期Date对象全面了解
Jul 13 Javascript
vue-dialog的弹出层组件
May 25 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
JavaScript实现的搜索及高亮显示功能示例
Aug 14 Javascript
详解Vue.js Mixins 混入使用
Sep 15 Javascript
vue2实现数据请求显示loading图
Nov 28 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 Javascript
详解Vue Cli浏览器兼容性实践
Jun 08 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
在线增减.htpasswd内的用户
2006/10/09 PHP
php判断变量类型常用方法
2012/04/24 PHP
php使用fopen创建utf8编码文件的方法
2014/10/31 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
javascritp实现input输入框相关限制用法
2007/06/29 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
html的DOM中document对象anchors集合用法实例
2015/01/21 Javascript
pace.js页面加载进度条插件
2015/09/29 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
微信小程序实现选项卡效果
2018/11/06 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
2020/06/19 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
[40:17]2018DOTA2亚洲邀请赛 4.5 淘汰赛 LGD vs Liquid 第一场
2018/04/06 DOTA
查看TensorFlow checkpoint文件中的变量名和对应值方法
2018/06/14 Python
浅谈Python中的bs4基础
2018/10/21 Python
Python3.4学习笔记之 idle 清屏扩展插件用法分析
2019/03/01 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
html5指南-1.html5全局属性(html5 global attributes)深入理解
2013/01/07 HTML / CSS
html5实现移动端适配完美写法
2017/11/16 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
2020/03/26 HTML / CSS
怎样声明子类
2013/07/02 面试题
学校司机岗位职责
2013/11/14 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
工厂仓管员岗位职责
2014/01/01 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
土地租赁意向书
2014/07/30 职场文书
毕业赠语大全
2015/06/23 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
JavaScript控制台的更多功能
2021/04/28 Javascript