处理表格显示隐藏不生效问题

src/components/super-table/hide.vue

@@ -10,10 +10,10 @@
     >
       <template slot="title">
         <span>隐藏列</span>
-        <el-button type="primary" size="mini" @click="useSubmit('superForm')">
+        <!-- <el-button type="primary" size="mini" @click="useSubmit('superForm')">
           确 认
         </el-button>
-        <el-button size="mini" @click="drawer = false"> 取 消 </el-button>
+        <el-button size="mini" @click="drawer = false"> 取 消 </el-button> -->
       </template>
       <el-input
         v-model="key"
@@ -62,9 +62,14 @@
               ></i>
               {{ item.title }}
             </span>
+            <el-switch
+              v-model="item.hidden"
+              size="mini"
+              @change="onDraggableChange"
+            ></el-switch>
           </el-col>
         </el-draggable>
-        <div @click.stop>
+        <!-- <div @click.stop>
           <div
             v-for="({ item }, index) in searchColumns"
             :key="index"
@@ -76,7 +81,7 @@
               @change="onDraggableChange"
             ></el-switch>
           </div>
-        </div>
+        </div> -->
       </el-row>
     </el-drawer>
   </el-button>
@@ -133,6 +138,9 @@ export default {
     onDraggableChange() {
       this.$emit("change", this.columns);
     },
+    useSubmit(){
+      this.drawer = false;
+    },
   },
   created() {},
   mounted() {},