vue中使用query传参地址栏显示成功，页面去是空白。也无法打印id，如何解决？(语言-javascript)

vue使用

```javascript
this.$router.push({
path: "details",
query: {
id:111,
},

```带参数路由跳转，地址栏显示id,跳转后的details页面确实空白，也没有打印出id

改成this.$route.query.id

• 看下这篇博客，也许你就懂了，链接：JavaScript的Vue使用格式及注意事项分享,希望有帮助
• 除此之外, 这篇博客: Vue.js第三篇：组件和路由中的 （1）query传参：优点：不需要修改路由规则 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <router-link to="/login?id=10">登录</router-link>
  

  获取参数：

  template:'<h3>登陆组件----{{$route.query.id}}</h3>',