博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue 路由传参 、接收参数
阅读量:5267 次
发布时间:2019-06-14

本文共 642 字,大约阅读时间需要 2 分钟。

传参组件

一、

<router-link :to='"/main/course?navName=" +item.columnName + "&id=" + item.columnId + "&cid=" + (item.cateSysId?item.cateSysId:-1)'></router-link>

接收参数

data(){

  return{

    titleName:this.$route.query.navName,

    navName:this.$toute.query.navName,

    id:this.$route.query.id,

    cid:this.$route.query.cid

  }

}

 二、

注意:是name和params,其中name是router下index.js定义路由时的name

this.$router.push({

  name: 'xxx',
  params: {
    a: 'xxx',
    b: 'xxxx'
  }
})

接收参数:this.$route.params.a

三、

this.$router.push({

  path: 'xxx',
  query: {
    a: 'xxx',
    b: 'xxxx'
  }
})

接收参数:this.$route.query.a

转载于:https://www.cnblogs.com/YAN-HUA/p/9836922.html

你可能感兴趣的文章
UVa 11059 最大乘积
查看>>
数组分割问题求两个子数组的和差值的小
查看>>
composer 报 zlib_decode(): data error
查看>>
linux下WPS的使用
查看>>
Web Api 利用 cors 实现跨域
查看>>
hdu 3938 并查集
查看>>
instanceof
查看>>
《深入分析Java Web技术内幕》读书笔记之JVM内存管理
查看>>
python之GIL release (I/O open(file) socket time.sleep)
查看>>
2015/8/4 告别飞思卡尔,抛下包袱上路
查看>>
软件开发与模型
查看>>
161017、SQL必备知识点
查看>>
kill新号专题
查看>>
MVC学习系列——Model验证扩展
查看>>
mysqladmin 修改和 初始化密码
查看>>
字符串
查看>>
vue2.x directive - 限制input只能输入正整数
查看>>
实现MyLinkedList类深入理解LinkedList
查看>>
自定义返回模型
查看>>
C#.NET 大型通用信息化系统集成快速开发平台 4.1 版本 - 客户端多网络支持
查看>>