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 相关文章推荐
ppk谈JavaScript style属性
Oct 10 Javascript
jquery蒙版控件实现代码
Dec 08 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
javascript格式化json显示实例分析
Apr 21 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
jQuery联动日历的实例解析
Dec 02 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
Jan 19 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
Redux 和 Mobx的选择问题:让你不再困惑!
Sep 18 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
angular4自定义表单控件[(ngModel)]的实现
Nov 23 Javascript
vue3中provide && inject的使用
Jul 01 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正则
2006/07/07 PHP
一些php项目中比较通用的php自建函数的详解
2013/06/06 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
php如何控制用户对图片的访问 PHP禁止图片盗链
2016/03/25 PHP
JavaScript中常见陷阱小结
2010/04/27 Javascript
关于js datetime的那点事
2011/11/15 Javascript
js中eval详解
2012/03/30 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
2014/01/02 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
2015/12/11 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
利用浮层使select不可选的实现方法
2016/12/03 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
关于TypeScript中import JSON的正确姿势详解
2017/07/25 Javascript
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
在Vue中使用axios请求拦截的实现方法
2018/10/25 Javascript
vue百度地图 + 定位的详解
2019/05/13 Javascript
怎样在vue项目下添加ESLint的方法
2019/05/16 Javascript
微信小程序wepy框架学习和使用心得详解
2019/05/24 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
聊聊Vue中provide/inject的应用详解
2019/11/10 Javascript
python paramiko实现ssh远程访问的方法
2013/12/03 Python
微信跳一跳python辅助软件思路及图像识别源码解析
2018/01/04 Python
tensorflow 获取模型所有参数总和数量的方法
2018/06/14 Python
Python实战之制作天气查询软件
2019/05/14 Python
详解python实现数据归一化处理的方式:(0,1)标准化
2019/07/17 Python
Python面向对象之继承原理与用法案例分析
2019/12/31 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
英国定做窗帘和纺织品面料一站式商店:Dekoria
2018/08/29 全球购物
京剧自荐信
2014/01/26 职场文书
反邪教宣传工作方案
2014/05/07 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
运动会200米广播稿
2015/08/19 职场文书
spring cloud 配置中心native配置方式
2021/09/25 Java/Android