问答

this.$route.query 获取不到值

作者:admin 2021-05-13 我要评论

具体情况是这样的,在当前的导航栏页面中,我可以获取到由登陆页面传过来的username mounted () { this.username = this.$route.query.username console.log("接...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

具体情况是这样的,在当前的导航栏页面中,我可以获取到由登陆页面传过来的username

  mounted () {
    this.username = this.$route.query.username
    console.log("接收到的username:"+this.username)
    // 正常输出
  }

当我点击导航栏从而切换页面时,我想把这个username传到其它页面上去

    handleSelect(key, keyPath){
      console.log(this.username+" key:"+key)
      // 可以正常打印出username和目标路径
      this.$router.push({
        path:key,
        query:{username:this.username}
      })
    }

页面可以正常跳转,但是在目标页面中获取不到username

        mounted(){
          var username = this.$route.query.username;
          console.log("用接收到的username:"+username)
          // 结果为undefined
        }

前面我没说关于地址栏的情况
当我处于登陆界面时

http://localhost:8080/login

十分正常,当我登陆以后也就是执行了第一次传输username之后,进入到主页中,地址栏显示为

http://localhost:8080/index?username=root

到这里也十分正常,页面执行了上面的第一段代码,成功接受到username,然后点击导航栏切换页面后,执行上面的第二段代码,此时要跳转到下一个页面

http://localhost:8080/test

此时地址上并没有附带参数

###

我用你的代码试了试,能获取到呀。。。奇怪

###

这应该算是参数丢失吧,那么跳转test的时候也要再次传参才能在跳转后拿到路由参数的喔

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • this.$route.query 获取不到值

    this.$route.query 获取不到值

  • react antd  里面的tree title 自定义

    react antd 里面的tree title 自定义

  • 这里的屏蔽 this 是什么语法?

    这里的屏蔽 this 是什么语法?

  • 有什么办法能获取ppt文件中的数据并将

    有什么办法能获取ppt文件中的数据并将

腾讯云代理商
海外云服务器