全局添加输入框空格校验

src/components/tree/device.vue

@@ -1,15 +1,14 @@
 <!-- 设备管理使用折叠面板渲染多个tree -->
 <template>
-    <div :style="{ width: menuCollapse ? '40px' : props.width }"
-        style="display: flex;  overflow: hidden">
+    <div :style="{ width: menuCollapse ? '40px' : props.width }" style="display: flex;  overflow: hidden">
         <Icon v-show="menuCollapse" @click="onMenuCollapse" :name="menuCollapse ? 'el-icon-Expand' : 'el-icon-Fold'"
             :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 mt20 menu-collapse"
             style="cursor: pointer" />
         <div class="cn-tree" :style="{ opacity: menuCollapse ? 0 : 1 }">
             <div style="display: flex; align-items: center" class="mb10">
                 <!-- <el-form-item> -->
-                <el-input maxlength="32" show-word-limit v-model="filterText" autocomplete="off" placeholder="请输入内容"
-                    clearable>
+                <el-input maxlength="32" show-word-limit v-model.trim="filterText" autocomplete="off"
+                    placeholder="请输入内容" clearable>
                     <template #prefix>
                         <Icon name="el-icon-Search" style="font-size: 16px" />
                     </template>
@@ -19,7 +18,8 @@
                     :class="menuCollapse ? 'unfold' : ''" size="18" class="fold ml10 menu-collapse"
                     style="cursor: pointer" v-if="props.canExpand" />
             </div>
-            <el-collapse :accordion="true" v-model="activeName" style="flex: 1; height: 100%" @change="changeDevice">
+            <el-collapse :accordion="true" v-model.trim="activeName" style="flex: 1; height: 100%"
+                @change="changeDevice">
                 <el-collapse-item title="治理设备" name="0" v-if="zlDeviceData.length != 0">
                     <el-tree
                         :style="{ height: bxsDeviceData.length != 0 ? 'calc(100vh - 300px)' : 'calc(100vh - 238px)' }"