vue-router

路由跳转传参的时候,使用query传参接收成功,使用params传参接收为空值【params传参时候,使用了name】

看下你的跳转方式

接收空值 说明 路由上写法能接受 你带上?这个啦

可能是你params方法写的有问题吧,上图看看

  • 看下这篇博客,也许你就懂了,链接:Vue-vue-router解决权限问题
  • 另外, 我还从CSDN技能树中找了一些相关资料给你, 你可以学习下:
  • 相关节点: Vue-router
  • 相关参考资料: Vue-router
  • 除此之外, 这篇博客: vue-Router如何传参以及解决params传参页面刷新导致params参数清空的问题中的 query参数与params参数的区别,与params参数清空的解决方法 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 使用query参数时,在路由跳转完后,其参数会显示在url的后面 ,如果参数较多会导致url过长。但页面刷新时,query参数不会被清空 。
    而使用params参数时,在路由跳转完后,其参数不会显示在url的后面。但页面刷新或者回退时,params参数会被清空。因此,要想保留params参数,需将其保存在localStorage中。 在 created 生命周期时先获取缓存数据,在页面销毁时删除缓存。

    export default {
      data () {
        return {
          testData: {}
        }
      },
      created () {
        const tempData = localStorage.getItem('tempData')
        if (tempData) {
          this.testData = JSON.parse(tempData)
        } else {
          this.testData = this.$route.params
    
          localStorage.setItem('tempData', JSON.stringify(this.$route.params))
        }
      },
      beforeDestroy () {
        localStorage.removeItem('tempData')
      }
    }
    
  • 您还可以看一下 夏昊老师的VUE入门课程中的 Vue-router实现登录注册案例(1)小节, 巩固相关知识点