美文网首页
Vue router中的传参方式小问题

Vue router中的传参方式小问题

作者: 代码柳书 | 来源:发表于2019-10-29 14:49 被阅读0次

今天测试报来一个bug,bug的主人生病没来,我看了一下情况。

结果是router传参出了问题,接不到传过来的参数。

图:

小伙子是用了类似官网上这个例子的方式穿了参数,但是这个params其实不是他想象的那样。

params方式是指 path string方式 ,类似于“/user/:userId” 这样。你push的时候穿了 params对象,路由转发器会自动把路径序列化成 /user/123 ,而我们系统的路径里并没有 path变量,因此无论如何传,this.$route.params取到的都只是一个空对象。

解决方式就是把 params换成query对象,query方式会在path后面拼键值对,类似这个样子/user?name=abc&age=20。

相关文章

  • Vue router中的传参方式小问题

    今天测试报来一个bug,bug的主人生病没来,我看了一下情况。 结果是router传参出了问题,接不到传过来的参数...

  • Vue基础知识点整理

    1、route和router区别,query和param区别,vue路由传参的方式 router为VueRoute...

  • vue-router

    1. vue-router query 和 params 传参 params 传参: 总结: 用params传参只...

  • Vue-Router

    1. 路由配置 默认路由跳转 在 new Router时可用的配置参数: 2.路由传参 Vue路由传参的几种方式 ...

  • vue-router总结

    1、通过 :to 传参 2、通过URL传参 router/index.js App.vue Hi.vue 重定向 ...

  • Vue动态修改title

    index.vue => game.vue 修改 heade中的title 用router传参的形式给 ga...

  • Vue路由传参两种方式

    在vue-router路由中,传参方式一般分两种: 一种是利用$route.query对象的Get方式传参,与ht...

  • vue----传参

    一、用name传递参数 二、通过 标签中的to传参 三、vue-router 利用url...

  • vue路由传参

    Vue router如何传参 params、query是什么? params:/router1/:id ,/rou...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

网友评论

      本文标题:Vue router中的传参方式小问题

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