Jeecg-Boot 2.2.0 版本发布 | 重磅升级

ant-design-vue-jeecg/src/components/jeecgbiz/JSelectBizComponent/index.vue

@@ -9,8 +9,9 @@
           :options="selectOptions"
           allowClear
           :disabled="disabled"
-          :open="false"
+          :open="selectOpen"
           style="width: 100%;"
+          @dropdownVisibleChange="handleDropdownVisibleChange"
           @click.native="visible=(buttons?visible:true)"
         />
       </slot>
@@ -85,7 +86,8 @@
         selectValue: [],
         selectOptions: [],
         dataSourceMap: {},
-        visible: false
+        visible: false,
+        selectOpen: false,
       }
     },
     computed: {
@@ -128,6 +130,13 @@
         this.selectOptions = options
         this.dataSourceMap = dataSourceMap
       },
+      handleDropdownVisibleChange() {
+        // 解决antdv自己的bug —— open 设置为 false 了，点击后还是添加了 open 样式，导致点击事件失效
+        this.selectOpen = true
+        this.$nextTick(() => {
+          this.selectOpen = false
+        })
+      },
     }
   }
 </script>
@@ -142,7 +151,7 @@
     }
 
     .right {
-      width: @width ;
+      width: @width;
     }
 
     .full {
@@ -150,7 +159,7 @@
     }
 
     /deep/ .ant-select-search__field {
-        display: none !important;
-      }
+      display: none !important;
+    }
   }
 </style>