Browse Source

表单输入清空的情况处理

zhongxiaoyu 2 years ago
parent
commit
62bb53233e
1 changed files with 10 additions and 2 deletions
  1. 10 2
      src/components/Table/index.vue

+ 10 - 2
src/components/Table/index.vue

@@ -83,7 +83,7 @@
                       <el-input size="small" :rows="1" type="textarea" v-model="tableForm[item.columnName]"></el-input>
                     </template> -->
                     <template v-else>
-                      <el-input size="small" v-model="tableForm[item.columnName]"></el-input>
+                      <el-input size="small" v-model="tableForm[item.columnName]" @change="inputChangeHandler(item.columnName)"></el-input>
                     </template>
                   </el-form-item>
                 </el-col>
@@ -294,9 +294,17 @@ export default {
       // alert(1)
     },
     changeSelect(data){
-        this.tableForm[this.tableOptions[data][0].setvalue] = this.tableForm[data];
+      if (this.tableForm[data] === '') {
+        this.tableForm[data] = null
+      }
+      this.tableForm[this.tableOptions[data][0].setvalue] = this.tableForm[data];
       // console.log(this.tableForm)
     },
+    inputChangeHandler(data) {
+      if (this.tableForm[data] === '') {
+        this.tableForm[data] = null
+      }
+    },
     //获取表格数据
     async getQuery () {
       try {