商品详情

pageB/components/sdetails/guige.vue

@@ -1,12 +1,14 @@
 <template>
      <view class="guige">
         <view class="title">
-            选择尺码
+            {{title}}
         </view>
         <view class="item">
-            <text>均码</text>
-            <text :class="select == 1 ? 'xuanzhong' : ''">S</text>
-            <text>M</text>
+            <text v-for="(i,j) in item" @click="select = j" :class="select == j ? 'xuanzhong' : ''" :key="j">
+                {{i}}
+            </text>
+            <!-- <text @click="select = 1" :class="select == 1 ? 'xuanzhong' : ''">S</text> -->
+            <!-- <text @click="select = 2" :class="select == 2 ? 'xuanzhong' : ''">M</text> -->
         </view>
     </view>
 </template>
@@ -48,7 +50,14 @@ export default {
     name:"guige",
     data(){
         return {
-            select:true
+            select:0
+        }
+    },
+    props:['item','title'],
+    watch:{
+        select(){
+            // console.log(this.select)
+            this.$emit("sel",this.select)
         }
     }
 }