Browse Source

更新popover-select组件,处理使用clearable报错问题

002390 2 years ago
parent
commit
04ea67232d

+ 20 - 3
src/components/popover-select/index.vue

@@ -97,9 +97,19 @@ export default {
     };
   },
   computed: {
-    innerValue() {
-      const { value, multiple } = this.$props;
-      return multiple ? "" : value;
+    // innerValue() {
+    //   const { value, multiple } = this.$props;
+    //   return multiple ? "" : value;
+    // },
+    innerValue:{
+      get(){
+        console.log(value,'value');
+        const { value, multiple } = this.$props;
+        return multiple ? "" : value;
+      },
+      set(val){
+        this.$emit("input", val);
+      }
     },
     TableColumnTemp() {
       const { type } = this.$props;
@@ -222,6 +232,12 @@ export default {
         this.selectData = prop;
       }
     },
+    handleClear(){
+      if(!this.$props.multiple){
+        this.innerValue = '';
+        console.log(this.innerValue,'this.innerValue');
+      }
+    }
   },
   created() {},
   mounted() {},
@@ -237,6 +253,7 @@ export default {
       :readonly="readonly"
       :clearable="clearable"
       :placeholder="placeholder"
+      @clear="handleClear"
     >
       <el-button
         :disabled="disabled"

+ 1 - 1
src/views/purchase/purchase-order/index.vue

@@ -199,7 +199,6 @@ export default {
         }
 
       } catch (error) {
-
       } finally {
       }
     },
@@ -359,6 +358,7 @@ export default {
                   :placeholder="column.placeholder"
                   :data-mapping="column.dataMapping"
                   :query-params="column.queryParams"
+                  :clearable="column.clearable"
                 ></dr-popover-select>
                 <!-- @keyup.enter.native="useQuery(params, page)" -->