vue中路由传值url--路径传值-前端-阿习进阶博客
Java
MySQL
大数据
Python
前端
黑科技
    首页 >> 互联网 >> 前端

vue中路由传值url--路径传值

[导读]:在vue项目中我们使用路径的方式一般有一下两种方式:第一种:取值:this.$route.query.id;demo: <router-link :to="{name:'gotoRouter',query:{id:1}}"></router-link>第二种:需要在router上配置对应的数据key,通过,this.$route.params.userId取值;demo:{&...

在vue项目中我们使用路径的方式一般有一下两种方式:
第一种:
  取值:this.$route.query.id;

demo: <router-link :to="{name:'gotoRouter',query:{id:1}}"></router-link>

第二种:
  需要在router上配置对应的数据key,
  通过,this.$route.params.userId取值;

demo:

{

    path:'goToRouter/index/:id',

    name:'goTo',

    compoent:****

}

image.png

本文来自阿习进阶博客,如若转载,请注明出处:https://yanxias.com

留言区

联系人:
手   机:
内   容:
验证码:

历史留言

联系人:阿习

手机号:156****7890

留言内容:欢迎大家一起讨论文章,有喜欢发帖的可以私聊我给你开权限,发文章

留言时间:2022-05-09 17:46:15

回复内容:互联网阿习

回复时间:2022-05-09 17:46:15

用户IP:220.***.***.232

用户操作系统:Windows 10

欢迎加Easy的QQ