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 相关文章推荐
jscript之Read an Excel Spreadsheet
Jun 13 Javascript
JavaScript学习笔记之JS对象
Jan 22 Javascript
jQuery简单实现日历的方法
May 04 Javascript
AngularJS中实现用户访问的身份认证和表单验证功能
Apr 21 Javascript
Vue.js系列之项目结构说明(2)
Jan 03 Javascript
求js数组的最大值和最小值的四种方法
Mar 03 Javascript
js下拉菜单生成器dropMenu使用方法详解
Aug 01 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 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实现小型站点广告管理(修正版)
2006/10/09 PHP
PHP的FTP学习(二)
2006/10/09 PHP
javascript AOP 实现ajax回调函数使用比较方便
2010/11/20 Javascript
js 实现日期灵活格式化的小例子
2013/07/14 Javascript
jquery实现手风琴效果实例代码
2013/11/15 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
详谈构造函数加括号与不加括号的区别
2017/10/26 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
2017/12/07 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
VuePress 静态网站生成方法步骤
2019/02/14 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
vue3.0+vue-router+element-plus初实践
2020/12/02 Vue.js
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[01:02:45]完美世界DOTA2联赛 LBZS vs Forest 第三场 11.07
2020/11/09 DOTA
Python实现模拟登录及表单提交的方法
2015/07/25 Python
python 截取 取出一部分的字符串方法
2017/03/01 Python
Python运行不显示DOS窗口的解决方法
2018/10/22 Python
Python函数中参数是传递值还是引用详解
2019/07/02 Python
python利用tkinter实现屏保
2019/07/30 Python
浅析python redis的连接及相关操作
2019/11/07 Python
简单介绍django提供的加密算法
2019/12/18 Python
使用TFRecord存取多个数据案例
2020/02/17 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
python实时监控logstash日志代码
2020/04/27 Python
OpenCV 使用imread()函数读取图片的六种正确姿势
2020/07/09 Python
学期研究性学习个人的自我评价
2014/01/09 职场文书
幼儿园大班教学反思
2014/02/10 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
个人租房协议书
2014/04/09 职场文书
幼儿园家长反馈意见
2015/06/03 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
MySQL分区表管理命令汇总
2022/03/21 MySQL
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技