vue router-link传参以及参数的使用实例


Posted in Javascript onNovember 10, 2017

1.路径:http://localhost:8081/#/test?name=1

<router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数)

使用:this.$route.query.id

2.路径:http://localhost:8081/#/test/1

<router-link :to="'/test/'+id">跳转</router-link>(id是参数)

路由:

vue router-link传参以及参数的使用实例

使用:this.$route.params.id(这个id给上图路由的配置有关)

this.$route是一个数组,里面包含路由的所有信息

注意:router-link中链接如果是‘/'开始就是从根路由开始,如果开始不带‘/',则从当前路由开始

以上这篇vue router-link传参以及参数的使用实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Chrome中模态对话框showModalDialog返回值问题的解决方法
May 25 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
Jan 15 Javascript
Ext JS 4实现带week(星期)的日期选择控件(实战一)
Aug 21 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 Javascript
JavaScript原生对象之String对象的属性和方法详解
Mar 13 Javascript
JavaScript仿支付宝密码输入框
Dec 29 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
基于iview的router常用控制方式
May 30 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
vue-router2.0 组件之间传参及获取动态参数的方法
Nov 10 #Javascript
js+html获取系统当前时间
Nov 10 #Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 #Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 #Javascript
JS+Canvas绘制动态时钟效果
Nov 10 #Javascript
javascript实现电脑和手机版样式切换
Nov 10 #Javascript
浅谈jquery中ajax跨域提交的时候会有2次请求的问题
Nov 10 #jQuery
You might like
PHP多线程编程之管道通信实例分析
2015/03/07 PHP
浅谈PHP中的
2016/04/23 PHP
PHP目录操作实例总结
2016/09/27 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
关于捕获用户何时点击window.onbeforeunload的取消事件
2011/03/06 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
file控件选择上传文件确定后触发的js事件是哪个
2014/03/17 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
2017/01/13 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
vue 解决路由只变化参数页面组件不更新问题
2019/11/05 Javascript
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
Python爬虫之pandas基本安装与使用方法示例
2018/08/08 Python
基于Python实现定时自动给微信好友发送天气预报
2018/10/25 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
windows系统中Python多版本与jupyter notebook使用虚拟环境的过程
2019/05/15 Python
在python中用print()输出多个格式化参数的方法
2019/07/16 Python
python科学计算之narray对象用法
2019/11/25 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Django接收照片储存文件的实例代码
2020/03/07 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
俄罗斯花园种植材料批发和零售网上商店:Беккер
2019/07/22 全球购物
经济管理专业毕业生自荐信范文
2014/01/02 职场文书
优秀信贷员先进事迹
2014/01/31 职场文书
《玩具柜台前的孩子》教学反思
2014/02/13 职场文书
婚礼答谢宴主持词
2014/03/14 职场文书
学生安全责任书模板
2014/07/25 职场文书
教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
保密工作整改报告
2014/11/06 职场文书
2016年寒假社会实践活动总结
2015/03/27 职场文书
工程移交协议书
2016/03/24 职场文书
2016年万圣节家长开放日活动总结
2016/04/05 职场文书
Python+Tkinter打造签名设计工具
2022/04/01 Python
聊聊mysql都有哪几种分区方式
2022/04/13 MySQL
ubuntu20.04虚拟机无法上网的问题及解决
2022/12/24 Servers