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 相关文章推荐
用jQuery打造TabPanel效果代码
May 22 Javascript
jquery动态添加option示例
Dec 30 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
使用js画图之画切线
Jan 12 Javascript
JavaScript使用cookie实现记住账号密码功能
Apr 27 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
常用javascript表单验证汇总
Jul 20 Javascript
JS实现的图片预览插件与用法示例【不上传图片】
Nov 25 Javascript
JS实现类似百叶窗下拉菜单效果
Dec 30 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
Vue2.x Todo之自定义指令实现自动聚焦的方法
Jan 08 Javascript
Vue+Express实现登录状态权限验证的示例代码
May 05 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不允许用户提交空表单(php空值判断)
2013/11/12 PHP
深入理解PHP内核(一)
2015/11/10 PHP
PHP实现批量上传单个文件
2015/12/29 PHP
PHP array_reduce()函数的应用解析
2018/10/28 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
splice slice区别
2006/10/09 Javascript
初试jQuery EasyUI 使用介绍
2010/04/01 Javascript
javascript分页代码(当前页码居中)
2012/09/20 Javascript
JQuery右键菜单插件ContextMenu使用指南
2014/12/19 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
vuex页面刷新后数据丢失的方法
2019/01/17 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
详解微信小程序回到顶部的两种方式
2019/05/09 Javascript
小程序中设置缓存过期的实现方法
2020/01/14 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
python文件特定行插入和替换实例详解
2017/07/12 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
python实现石头剪刀布程序
2021/01/20 Python
Django页面数据的缓存与使用的具体方法
2019/04/23 Python
Python itertools.product方法代码实例
2020/03/27 Python
python opencv实现图片缺陷检测(讲解直方图以及相关系数对比法)
2020/04/07 Python
CSS3绘制超炫的上下起伏波动进度加载动画
2016/04/21 HTML / CSS
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
西班牙床垫网上商店:Colchones.es
2018/05/06 全球购物
IBatis持久层技术
2016/07/18 面试题
晚会主持词开场白
2014/03/17 职场文书
酒店管理专业毕业生求职自荐信
2014/04/28 职场文书
精神文明建设先进工作者事迹材料
2014/05/02 职场文书
公共场所标语
2014/06/30 职场文书
党支部考察意见范文
2015/06/02 职场文书
工程主管竞聘书
2015/09/15 职场文书
导游词之襄阳古城
2019/09/27 职场文书
使用numpy实现矩阵的翻转(flip)与旋转
2021/06/03 Python
Python预测分词的实现
2021/06/18 Python