在售产品修改下拉可点区域显示问题

pages/mobile/center/vendor/productdetails.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="productDetails">
+  <div class="productDetails" @click.prevent="closeAlert()">
     <div class="product">
       <div class="over top clearfix">
         <div class="icon" :class="chooseItem.standard ? 'standed' : 'istanded'"></div>
@@ -43,7 +43,7 @@
       <div class="list clearfix">
         <div class="pull-left">
           <span class="name">包装:</span>
-          <div class="selectInput" @click="showdropmenu('pack')">
+          <div class="selectInput" @click.stop="showdropmenu('pack')">
             <span>{{chooseItem.packaging || '无包装信息'}}</span>
             <img src="/images/mobile/product/drop_icon.png"/>
             <ul :class="{active : showDrop === 'pack' }">
@@ -69,7 +69,7 @@
       <div class="list clearfix">
         <div class="pull-left">
           <span class="name">销售方式:</span>
-          <div class="selectInput selectInput2" @click="showdropmenu('store')">
+          <div class="selectInput selectInput2" @click.stop="showdropmenu('store')">
             <span v-if="chooseItem.storeInfoOms">{{chooseItem.storeInfoOms}}</span>
             <span v-else>{{chooseItem.storeid === '33069557578d44e69bd91ad12d28a8d4' ? '寄售' : '自营'}}</span>
             <img src="/images/mobile/product/drop_icon.png"/>
@@ -167,6 +167,9 @@
       }
     },
     methods: {
+      closeAlert() {
+        this.showDrop = ''
+      },
       changeBreakUp() {
         this.chooseItem.breakUp = !this.chooseItem.breakUp
         this.minBuyQtyBlur()