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网页关键字高亮代码
Jul 30 Javascript
W3C Group的JavaScript1.8 新特性介绍
May 19 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
Aug 24 Javascript
jquery组件使用中遇到的问题整理及解决
Feb 21 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
Apr 02 Javascript
JavaScript中对DOM节点的访问、创建、修改、删除
Nov 16 Javascript
网页中JS函数自动执行常用三种方法
Mar 30 Javascript
原生js编写焦点图效果
Dec 08 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
Mar 02 Javascript
Angularjs的键盘事件的绑定
Jul 27 Javascript
vue接口请求加密实例
Aug 11 Javascript
在vue中使用cookie记住用户上次选择的实例(本次例子中为下拉框)
Sep 11 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
thinkphp5实现微信扫码支付
2019/12/23 PHP
SOSO地图API使用(一)在地图上画圆实现思路与代码
2013/01/15 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
js实现在页面上弹出蒙板技巧简单实用
2013/04/16 Javascript
jquery 循环显示div的示例代码
2013/10/18 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
ExtJs纵坐标值重复问题的解决方法
2014/02/27 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
JS字符串false转boolean的方法(推荐)
2017/03/08 Javascript
整理关于Bootstrap列表组的慕课笔记
2017/03/29 Javascript
微信小程序 图片宽高自适应详解
2017/05/11 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
iconfont的三种使用方式详解
2018/08/05 Javascript
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
2018/09/11 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
2018/10/26 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
2020/02/15 Javascript
JS实现网页烟花动画效果
2020/03/10 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
[06:16]《DAC最前线》之地区预选赛全面回顾
2015/01/19 DOTA
python查看FTP是否能连接成功的方法
2015/07/30 Python
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
用Eclipse写python程序
2018/02/10 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
python 5个顶级异步框架推荐
2020/09/09 Python
金牌葡萄酒俱乐部:Gold Medal Wine Club
2017/11/02 全球购物
美国传奇滑手Paul Rodriguez创办的街头滑板品牌:Primitive Skateboarding
2019/10/29 全球购物
Linux如何为某个操作添加别名
2013/03/01 面试题
Ajax主要包含了哪些技术
2014/06/12 面试题
Java如何读取CLOB字段
2013/10/10 面试题
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技