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模拟订火车票和退票示例
Apr 24 Javascript
javascript实现左右控制无缝滚动
Dec 31 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
AngularJS中的指令全面解析(必看)
May 20 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
详解javascript中对数据格式化的思考
Jan 23 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
js图片加载效果实例代码(延迟加载+瀑布流加载)
May 12 Javascript
js 获取html5的data属性实现方法
Jul 28 Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 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
php 获取一个月第一天与最后一天的代码
2010/05/16 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
PHP学习 变量使用总结
2011/03/24 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
CI框架的安全性分析
2016/05/18 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
使用SMB共享来绕过php远程文件包含的限制执行RFI的利用
2019/05/31 PHP
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
js遍历、动态的添加数据的小例子
2013/06/22 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
Javascript实现检测客户端类型代码封包
2015/12/03 Javascript
js弹出框、对话框、提示框、弹窗实现方法总结(推荐)
2016/05/31 Javascript
jQuery中ajax错误调试分析
2016/12/01 Javascript
JavaScript使用原型和原型链实现对象继承的方法详解
2017/04/05 Javascript
Vue.js实例方法之生命周期详解
2017/07/03 Javascript
详解基于mpvue的小程序markdown适配解决方案
2018/05/08 Javascript
vue 搭建后台系统模块化开发详解
2019/05/01 Javascript
vue实现配置全局访问路径头(axios)
2019/11/01 Javascript
JavaScript多种滤镜算法实现代码实例
2019/12/10 Javascript
详解JavaScript原型与原型链
2020/11/16 Javascript
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
在Django同1个页面中的多表单处理详解
2017/01/25 Python
Python爬虫:通过关键字爬取百度图片
2017/02/17 Python
Python优先队列实现方法示例
2017/09/21 Python
python 正确保留多位小数的实例
2018/07/16 Python
Django进阶之CSRF的解决
2018/08/01 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
详解Python用三种方式统计词频的方法
2019/07/29 Python
python redis连接 有序集合去重的代码
2019/08/04 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
全球性的奢侈品梦工厂:Forzieri(福喜利)
2019/02/20 全球购物
助残日活动总结
2014/08/27 职场文书
医院党员公开承诺书
2014/08/30 职场文书
如何优化vue打包文件过大
2022/04/13 Vue.js