美文网首页
router路由跳转带参数,query和params的区别

router路由跳转带参数,query和params的区别

作者: JennyGao66 | 来源:发表于2019-02-25 17:24 被阅读0次
        let obj = {
            name: '123213',
            colde: 'ocede'
          }
          this.$router.push({
            name: 'addCreditCards',//或者路径跳转path: '/addCreditCards',
            query: obj
          })
    

    query带参数(跳转后获取 this.$route.query)

    http://localhost:9080/addCreditCards?name=123213&colde=ocede
    
    1.png

    =====================================
    params带参数(跳转后获取 this.$route.params)

        let obj = {
            name: '123213',
            colde: 'ocede'
          }
          this.$router.push({
            name: 'addCreditCards',//如果使用path: '/addCreditCards',取不到参数
            params: obj
          })
    
    2.png

    总结:
    query可以用path和name来引入,
    params只能用name来引入,
    接收参数都是类似的,
    分别是this.route.query.name和this.route.params.name。

    相关文章

      网友评论

          本文标题:router路由跳转带参数,query和params的区别

          本文链接:https://www.haomeiwen.com/subject/ueigyqtx.html