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 相关文章推荐
jQuery初学:find()方法及children方法的区别分析
Jan 31 Javascript
使用jquery为table动态添加行的实现代码
Mar 30 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
基于Css3和JQuery实现打字机效果
Aug 11 Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 Javascript
JS运动相关知识点小结(附弹性运动示例)
Jan 08 Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
Aug 30 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
Vue退出登录时清空缓存的实现
Nov 12 Javascript
JS继承实现方法及优缺点详解
Sep 02 Javascript
前端实现滑动按钮AJAX与后端交互的示例代码
Feb 24 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将整个网站生成HTML纯静态网页的方法总结
2012/02/05 PHP
关于尾递归的使用详解
2013/05/02 PHP
WordPress自定义时间显示格式
2015/03/27 PHP
PHP读书笔记_运算符详解
2016/07/01 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
javascript写的一个链表实现代码
2009/10/25 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
js 链式延迟执行DOME
2012/01/04 Javascript
jQuery中attr()方法用法实例
2015/01/05 Javascript
JQuery插件jcarousellite的参数中文说明
2015/05/11 Javascript
JavaScript实现的背景自动变色代码
2015/10/17 Javascript
深入学习jQuery Validate表单验证(二)
2016/01/18 Javascript
基于jQuery实现仿51job城市选择功能实例代码
2016/03/02 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
JS一个简单的注册页面实例
2017/09/05 Javascript
jQuery实现使用sort方法对json数据排序的方法
2018/04/17 jQuery
vue实例中data使用return包裹的方法
2018/08/27 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
Vue项目中配置pug解析支持
2019/05/10 Javascript
JavaScript实现猜数字游戏
2020/05/20 Javascript
Python实现字典的key和values的交换
2015/08/04 Python
Python常用库推荐
2016/12/04 Python
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
python自定义时钟类、定时任务类
2021/02/22 Python
利用pandas向一个csv文件追加写入数据的实现示例
2020/04/23 Python
Python dict的常用方法示例代码
2020/06/23 Python
python3 使用ssh隧道连接mysql的操作
2020/12/05 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
实用求职信范文分享
2013/12/25 职场文书
小学生优秀评语大全
2014/04/22 职场文书
承诺保证书格式
2015/02/28 职场文书
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
Vue Element-ui表单校验规则实现
2021/07/09 Vue.js
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js
python通过新建环境安装tfx的问题
2022/05/20 Python