浏览代码

Select: fix icon and input click (#1253)

杨奕 8 年之前
父节点
当前提交
24c5ff8c4c
共有 1 个文件被更改,包括 10 次插入0 次删除
  1. 10 0
      packages/select/src/select.vue

+ 10 - 0
packages/select/src/select.vue

@@ -40,6 +40,8 @@
       :disabled="disabled"
       :readonly="!filterable || multiple"
       @focus="toggleMenu"
+      @click="toggleMenu"
+      @mousedown.native="handleMouseDown"
       @keyup.native="debouncedOnInputChange"
       @keydown.native.down.prevent="navigateOptions('next')"
       @keydown.native.up.prevent="navigateOptions('prev')"
@@ -326,6 +328,14 @@
     },
 
     methods: {
+      handleMouseDown(event) {
+        if (event.target.tagName !== 'INPUT') return;
+        if (this.visible) {
+          this.handleClose();
+          event.preventDefault();
+        }
+      },
+
       doDestroy() {
         this.$refs.popper.doDestroy();
       },