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 基础篇4 window对象,DOM
Mar 14 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
May 08 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
AngularJS基础知识
Dec 21 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
jQuery实现三级联动效果
Mar 02 Javascript
React实践之Tree组件的使用方法
Sep 30 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
vue自定义过滤器创建和使用方法详解
Nov 06 Javascript
图片加载完成再执行事件的实例
Nov 16 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 Javascript
vue中解决拖拽改变存在iframe的div大小时卡顿问题
Jul 22 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
一个程序下载的管理程序(一)
2006/10/09 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
Zend Framework入门教程之Zend_Db数据库操作详解
2016/12/08 PHP
javascript之更有效率的字符串替换
2008/08/02 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
2016/08/05 Javascript
浅谈JS继承_寄生式继承 & 寄生组合式继承
2016/08/16 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
2016/09/04 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
bootstrap select下拉搜索插件使用方法详解
2017/11/23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(1)
2017/12/26 Javascript
使用vue中的v-for遍历二维数组的方法
2018/03/07 Javascript
实例详解Vue项目使用eslint + prettier规范代码风格
2018/08/20 Javascript
nodejs中express入门和基础知识点学习
2018/09/13 NodeJs
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
gearman的安装启动及python API使用实例
2014/07/08 Python
python3实现全角和半角字符转换的方法示例
2017/09/21 Python
python打印文件的前几行或最后几行教程
2020/02/13 Python
Python super()方法原理详解
2020/03/31 Python
python中的django是做什么的
2020/07/31 Python
详解tf.device()指定tensorflow运行的GPU或CPU设备实现
2021/02/20 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
ABOUT YOU匈牙利:500个最受欢迎的时尚品牌
2019/07/19 全球购物
如何写一个自定义标签
2012/12/28 面试题
客户代表实习人员自我鉴定
2013/09/27 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
演讲比赛策划方案
2014/06/11 职场文书
文体活动总结
2015/02/04 职场文书
制定企业培训计划的五大要点!
2019/07/10 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle