解决进入商品详情页显示undefined的问题

pages/shop/GoodsCon/index.vue

@@ -1,5 +1,6 @@
 <template>
   <view :class="productConClass">
+    <view v-if="storeInfo.id">
       <product-con-swiper :img-urls="storeInfo.sliderImageArr"></product-con-swiper>
       <view class="wrapper">
         <view class="share acea-row row-between row-bottom">
@@ -24,7 +25,11 @@
           <text>库存:{{ storeInfo.stock }}{{ storeInfo.unitName }}</text>
           <text>销量:{{ storeInfo.sales }}{{ storeInfo.unitName }}</text>
         </view>
-      <view class="coupon acea-row row-between-wrapper" @click="couponTap" v-if="couponList.length">
+        <view
+          class="coupon acea-row row-between-wrapper"
+          @click="couponTap"
+          v-if="couponList.length"
+        >
           <text class="hide line1 acea-row">
             <text>优惠券：</text>
             <text
@@ -178,6 +183,7 @@
         <canvas class="posterCanvas" canvas-id="myCanvas"></canvas>
       </view>
     </view>
+  </view>
 </template>
 
 <script>
@@ -729,7 +735,6 @@ export default {
   width: 0.76 * 100rpx;
   height: 0.76 * 100rpx;
   margin-right: 0.2 * 100rpx;
-  
 }
 
 .product-con .store-info .info .picTxt .pictrue image {