传参

src/components/Home.vue

@@ -45,7 +45,7 @@
       <el-col :span="6">
         <div class="order_detail">
           <div class="detail_title">订单详情</div>
-          <order-detail></order-detail>
+          <order-detail :tabNum='tab_ac'></order-detail>
           
         </div>
       </el-col>

src/components/orderComponents/orderDetail.vue

@@ -1,7 +1,7 @@
 <template>
     <div>
         <!-- 新订单 -->
-        <div class="detail_cont" v-if="false">
+        <div class="detail_cont" v-if="tabNum==0">
             <div class="detail_title2">商品详情</div>
             <div class="shop_detail" v-for="(item,i) in 2" :key="i">
                 <img src="" alt="" srcset="">
@@ -67,7 +67,7 @@
             </div>
         </div>
         <!-- 预约单 -->
-        <div class="detail_cont">
+        <div class="detail_cont" v-if="tabNum==1">
             <div class="detail_title2">商品详情</div>
             <div class="shop_detail" v-for="(item,i) in 2" :key="i">
                 <img src="" alt="" srcset="">
@@ -159,6 +159,9 @@ export default {
     return {
       
     }
+  },
+  props:{
+    tabNum: Number,
   }
 }
 </script>
@@ -250,7 +253,9 @@ export default {
            align-items: center;
            justify-content: center;
            color: #888888;
-          
+          .el-dropdown-link{
+              cursor: pointer;
+          }
            
         }
     }