器件选型筛选样式调整

components/product/CategoryProperty.vue

@@ -48,7 +48,7 @@
           <thead>
           <tr>
             <td v-for="(pro, index) in properties" class="list-menu td-width word-break" split-dropdown-trigger="pro.id"
-                @mouseenter="show_exp_list(pro,index)">
+                @mouseenter="use_exp_list(pro,index)" @mouseleave="hide_exp_list()">
               <span class="dropdown-toggle dropdown-back" data-toggle="dropdown"><span>{{pro.property.labelCn}}</span><span class="fa fa-angle-down td-icon"></span></span>
             </td>
           </tr>
@@ -70,7 +70,7 @@
           </tbody>
         </table>
       </div>
-          <ul v-show="selectedProperties.values" @mouseleave="hide_exp_list()" class="parameter-selection-ul drop-down-list" role="menu" aria-labelledby="dropdownMenu1">
+          <ul v-show="list_exp_flag" @mouseenter="show_exp_list()" @mouseleave="hide_exp_list()" class="parameter-selection-ul drop-down-list" role="menu" aria-labelledby="dropdownMenu1">
             <li v-for="v in selectedProperties.values"><a @click="selectPropertyValue(selectedProperties, value)" class="a-color"><span>{{v.value}}</span></a></li>
           </ul>
     </div>
@@ -86,7 +86,8 @@
         selectedBrand: {
           nameCn: null
         },
-        selectedProperties: {}
+        selectedProperties: {},
+        list_exp_flag: false
       }
     },
     mounted () {
@@ -137,15 +138,19 @@
       selectPropertyValue (item, value) {
         return null
       },
-      show_exp_list: function (pro, index) {
+      use_exp_list: function (pro, index) {
         this.selectedProperties = pro
         let dom = document.getElementsByClassName('drop-down-list')[0]
         let list = document.getElementsByClassName('list-menu')[index]
         let left = list.getBoundingClientRect().left - 169
         dom.setAttribute('style', 'left: ' + left + 'px')
+        this.list_exp_flag = true
       },
       hide_exp_list: function () {
-        this.selectedProperties = {}
+        this.list_exp_flag = false
+      },
+      show_exp_list: function () {
+        this.list_exp_flag = true
       }
     }
   }