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 相关文章推荐
关于jQuery的inArray 方法介绍
Oct 08 Javascript
JS实现自动变化的导航菜单效果代码
Sep 09 Javascript
js实现文字闪烁特效的方法
Dec 17 Javascript
修改jquery中dialog的title属性方法(推荐)
Aug 26 Javascript
javascript跨域请求包装函数与用法示例
Nov 03 Javascript
Vue AST源码解析第一篇
Jul 19 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
微信小程序实现文字无限轮播效果
Dec 28 Javascript
小程序云开发如何实现图片上传及发表文字
May 17 Javascript
浅入深出Vue之自动化路由
Aug 06 Javascript
layui checkbox默认选中,获取选中值,清空所有选中项的例子
Sep 02 Javascript
vue+spring boot实现校验码功能
May 27 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
PHP session垃圾回收机制实例分析
2019/06/28 PHP
ThinkPHP5&5.1框架关联模型分页操作示例
2019/08/03 PHP
HTML中Select不用Disabled实现ReadOnly的效果
2008/04/07 Javascript
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
Node.js程序中的本地文件操作用法小结
2016/03/06 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
2016/12/14 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
Vue实现底部侧边工具栏的实例代码
2018/09/03 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
ES6知识点整理之Proxy的应用实例详解
2019/04/16 Javascript
jQuery中DOM操作原则实例分析
2019/08/01 jQuery
electron实现静默打印的示例代码
2019/08/12 Javascript
jQuery实现轮播图效果
2019/11/26 jQuery
vue实现简单加法计算器
2020/10/22 Javascript
python分析网页上所有超链接的方法
2015/05/08 Python
Python调用微信公众平台接口操作示例
2017/07/08 Python
Python 将pdf转成图片的方法
2018/04/23 Python
使用pandas批量处理矢量化字符串的实例讲解
2018/07/10 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
CSS改变网页中鼠标选中文字背景颜色例子
2014/04/23 HTML / CSS
英国人最爱的饰品网站:Accessorize
2016/08/22 全球购物
维珍澳洲航空官网:Virgin Australia
2017/09/08 全球购物
创建索引时需要注意的事项
2013/05/13 面试题
入党思想汇报
2014/01/05 职场文书
优秀学生干部推荐材料
2014/02/03 职场文书
小学生美德少年事迹材料
2014/08/24 职场文书
2015年学生会工作总结范文
2015/03/31 职场文书
会议承办单位欢迎词
2015/09/30 职场文书
hive数据仓库新增字段方法
2022/06/25 数据库