码迷,mamicode.com
首页 > 其他好文 > 详细

vue传参方式

时间:2020-07-18 15:24:47      阅读:80      评论:0      收藏:0      [点我收藏+]

标签:vue   接收   round   地址   span   nod   设置   serial   route   

//query传参,使用name跳转

  this.$router.push({
       name:‘second‘,
       query: {
         queryId:‘20180822‘,
         queryName: ‘query‘
       }
  })

 //query传参,使用path跳转
   this.$router.push({
      path:‘second‘,
      query: {
        queryId:‘20180822‘,
        queryName: ‘query‘
      }
  })

//params传参,使用name跳转

   this.$router.push({
     name:‘Lineitem‘,
     params: {
     name: ‘admin‘,
     vade: row.orderId,
     mode: row.otherOrderId
    }
  })
//接收使用得参数
  mounted() {
     this.queryParam.phoneSerial = this.$route.params.node
     this.queryParam.otherOrderId = this.$route.params.mode
     console.log(‘this.$route.params‘, this.$route)
     this.queryParam.accountId = this.$route.params.code;
  },


使用query传值是在地址后面拼接,params传值是直接使用

需要注意的是:

params是路由的一部分,必须要在路由后面添加参数名。query是拼接在url后面的参数,没有也没关系。
params一旦设置在路由,params就是路由的一部分,如果这个路由有params传参,但是在跳转的时候没有传这个参数,会导致跳转失败或者页面会没有内容。

vue传参方式

标签:vue   接收   round   地址   span   nod   设置   serial   route   

原文地址:https://www.cnblogs.com/jiyingaoshou/p/13335270.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!