this.$route.query 获取不到值

具体情况是这样的，在当前的导航栏页面中，我可以获取到由登陆页面传过来的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
    }

有大佬可以指点一下是为什么吗