從商品頁面獲取商品的id獲取不到？

在商品頁面除了id給詳情頁面，但是詳情頁面拿不到id是怎么原因，求大神幫忙看一下哪里寫錯了？
商品頁面代碼：

<ul class="recommend_left_main">
              <li v-for="(item2,index) in recommendshop" :key="index" 
              @click="pushdetails()">
                <div class="recommend_left_main_img">
                  <img :src="item2.img" width="130px" height="120px" />
                </div>
                <div
                  class="recommend_left_main_describe"
                  :title="item2.describe"
                >
                  {{ item2.describe | aa }}
                </div>
                <p class="recommend_left_main_num">￥{{ item2.price }}</p>
              </li>
            </ul>

//跳轉詳情
    pushdetails(id){
      this.$router.push({
        name:'ProductDetails',
        query:{
          id:this.id
        }
      })
    },

在詳情頁面進行接收的代碼：

created(){
    this.id=this.$route.query.id;
    console.log(this.id)
    this.getGoodsInfo();
  },
  methods:{
    getGoodsInfo(){
      let that=this;
      this.axios
      .studentFindProdutDetails({
        id:that.id
      })
      .then((res) =>{
        console.log(res.data.data)
      })
      .catch((err) =>{})
    }
  }