全局添加输入框空格校验

src/views/govern/reportForms/bind.vue

@@ -1,68 +1,36 @@
 <template>
-    <el-tabs v-model="activeName" class="demo-tabs">
+    <el-tabs v-model.trim="activeName" class="demo-tabs">
         <el-tab-pane label="数据单位" name="0">
             绑定数据单位:
-            <el-cascader
-                :popper-append-to-body="false"
-                ref="cascaderUnit"
-                placeholder="请选择数据单位"
-                v-model="value"
-                :options="options1"
-                filterable
-                @change="handleChange"
-                :props="{
+            <el-cascader :popper-append-to-body="false" ref="cascaderUnit" placeholder="请选择数据单位" v-model.trim="value"
+                :options="options1" filterable @change="handleChange" :props="{
                     value: 'code',
                     label: 'name'
-                }"
-            ></el-cascader>
+                }"></el-cascader>
         </el-tab-pane>
         <el-tab-pane label="数据指标" name="1">
             绑定数据指标:
-            <el-cascader
-                :popper-append-to-body="false"
-                ref="cascaderUnit"
-                placeholder="请选择数据指标"
-                v-model="value"
-                :options="options2"
-                filterable
-                @change="handleChange"
-                :props="{
+            <el-cascader :popper-append-to-body="false" ref="cascaderUnit" placeholder="请选择数据指标" v-model.trim="value"
+                :options="options2" filterable @change="handleChange" :props="{
                     value: 'name',
                     label: 'showName'
-                }"
-            ></el-cascader>
+                }"></el-cascader>
         </el-tab-pane>
         <el-tab-pane label="合格率判定" name="2">
             绑定合格率判定:
-            <el-cascader
-                :popper-append-to-body="false"
-                ref="cascaderhgl"
-                placeholder="请选择数据合格率"
-                v-model="value"
-                :options="options3"
-                filterable
-                @change="handleChange"
-                :props="{
+            <el-cascader :popper-append-to-body="false" ref="cascaderhgl" placeholder="请选择数据合格率" v-model.trim="value"
+                :options="options3" filterable @change="handleChange" :props="{
                     value: 'name',
                     label: 'showName'
-                }"
-            ></el-cascader>
+                }"></el-cascader>
         </el-tab-pane>
         <el-tab-pane label="监测点台账指标" name="3">
             绑定数据指标:
-            <el-cascader
-                :popper-append-to-body="false"
-                ref="cascaderjcd"
-                placeholder="请选择监测点台账"
-                v-model="value"
-                :options="options4"
-                filterable
-                @change="handleChange"
-                :props="{
+            <el-cascader :popper-append-to-body="false" ref="cascaderjcd" placeholder="请选择监测点台账" v-model.trim="value"
+                :options="options4" filterable @change="handleChange" :props="{
                     value: 'name',
                     label: 'showName'
-                }"
-            ></el-cascader>
+                }"></el-cascader>
         </el-tab-pane>
     </el-tabs>
 </template>
@@ -99,7 +67,7 @@ terminalChooseTree().then(res => {
     options4.value = res.data
 })
 
-onMounted(() => {})
+onMounted(() => { })
 </script>
 <style lang="scss" scoped>
 :deep(.el-tab-pane) {