• vue 路由传参 、接收参数


    传参组件

    一、

    <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

  • 相关阅读:
    github
    mysql安装和应用
    11月9日(visio安装很坑)
    11月4日
    11月3日
    10月29日
    10月26日
    10月25日
    9月29日
    9月28日
  • 原文地址:https://www.cnblogs.com/YAN-HUA/p/9836922.html
Copyright © 2020-2023  润新知