提交样式

ui/packages/layout/AiTreeMenu.vue

@@ -2,7 +2,7 @@
   <section class="AiTreeMenu">
     <b>{{ title }}</b>
     <el-input v-if="!hideInput" size="small" class="searchInput" v-model="searchText" :placeholder="searchPlaceholder"
-              suffix-icon="iconfont iconSearch" @change="handleSearch()" clearable/>
+              suffix-icon="iconfont iconSearch" @change="handleSearch" clearable/>
     <div class="treePanel" v-if="$slots.default">
       <slot/>
     </div>
@@ -22,11 +22,6 @@ export default {
     searchPlaceholder: {type: String, default: "请输入..."},
     hideInput: Boolean
   },
-  watch: {
-    searchText(v) {
-      this.$emit("update:search", v)
-    }
-  },
   data() {
     return {
       searchText: "",
@@ -35,7 +30,8 @@ export default {
     }
   },
   methods: {
-    handleSearch() {
+    handleSearch(v) {
+      this.$emit("update:search", v)
       if (this.$slots.default) {
         this.$emit('search', this.searchText)
       }
@@ -67,7 +63,7 @@ export default {
     border-bottom: 1px solid #E5E5E5;
   }
 
-  :deep( .searchInput ){
+  :deep( .searchInput ) {
     width: 100%;
     padding: 8px;
     box-sizing: border-box;
@@ -98,7 +94,7 @@ export default {
       margin: 0 8px;
     }
 
-    :deep(.el-tree ){
+    :deep(.el-tree ) {
       height: 100%;
       background: #FAFAFB;