美文网首页
vue-router中params和query的区别

vue-router中params和query的区别

作者: 西瓜古古丫 | 来源:发表于2019-07-23 14:50 被阅读0次

从路由中获取参数,一般有两种方式:this.router.query、this.router.params

  1. params
    -- 动态路由
    image.png
    -- 命名的路由
    // 地址栏中显示
    router.push({ name: 'user', params: { userId: '123' }}) // -> /user/123
    const userId = '123'
    router.push({ name: 'user', params: { userId }}) // -> /user/123
    router.push({ path: /user/${userId} }) // -> /user/123
  2. query
    // 带查询参数,变成 /register?plan=private
    router.push({ path: 'register', query: { plan: 'private' }})

参考链接:
https://www.cnblogs.com/happybread/p/10156869.html](https://www.cnblogs.com/happybread/p/10156869.html)

相关文章

网友评论

      本文标题:vue-router中params和query的区别

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