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 类
Nov 07 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
Sep 03 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
js实现文字选中分享功能
Jan 25 Javascript
jQuery实现大图轮播
Feb 13 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
jQuery实现的form转json经典示例
Oct 10 jQuery
mui框架移动开发初体验详解
Oct 11 Javascript
Vue运用transition实现过渡动画
May 06 Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 Javascript
js通过canvas生成图片缩略图
Oct 02 Javascript
vue postcss-px2rem 自适应布局
May 15 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自动获取关键字的方法
2015/01/06 PHP
分享php分页的功能模块
2015/06/16 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
精解window.setTimeout()&window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
DOM 中的事件处理介绍
2012/01/18 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
如何在Angular.JS中接收并下载PDF
2016/11/26 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
Node.js 如何利用异步提升任务处理速度
2019/01/07 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
Python中操作MySQL入门实例
2015/02/08 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
Python3实现取图片中特定的像素替换指定的颜色示例
2019/01/24 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
解决Python中报错TypeError: must be str, not bytes问题
2020/04/07 Python
Python做图像处理及视频音频文件分离和合成功能
2020/11/24 Python
python中entry用法讲解
2020/12/04 Python
Python3+Django get/post请求实现教程详解
2021/02/16 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
会计毕业生自荐信
2013/11/21 职场文书
本科毕业生求职信
2014/06/15 职场文书
火锅店的活动方案
2014/08/15 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
婚育证明格式
2015/06/17 职场文书