form的select增加clearable

src/components/byForm/index.vue

@@ -78,6 +78,7 @@
           :placeholder="i.placeholder || $t('common.pleaseSelect')"
           @change="(e) => commonsEmit(e, i)"
           :disabled="i.disabled ? i.disabled : false"
+          :clearable="i.clearable ? i.clearable : false"
           :filterable="i.filterable ? true : false"
           :style="i.style"
           :readonly="i.readonly ? i.readonly : false"

src/components/selectCity/index.vue

@@ -1,15 +1,7 @@
 <template>
   <div class="select-city">
-    <el-select
-      filterable
-      allow-create
-      :placeholder="placeholder"
-      @change="getCityData"
-      v-model="showModel"
-      style="width: 100%"
-    >
-      <el-option v-for="item in data" :label="item.name" :value="item.id">
-      </el-option>
+    <el-select clearable filterable allow-create :placeholder="placeholder" @change="getCityData" v-model="showModel" style="width: 100%">
+      <el-option v-for="item in data" :label="item.name" :value="item.id"> </el-option>
     </el-select>
   </div>
 </template>
@@ -48,15 +40,10 @@ watch(
   formData.value,
   (val) => {
     // console.log(formData.value[proxy.addressId || 'provinceId'],formData.value[proxy.addressName || 'provinceName'])
-    if (
-      !formData.value[proxy.addressId || "provinceId"] &&
-      !formData.value[proxy.addressName || "provinceName"]
-    ) {
+    if (!formData.value[proxy.addressId || "provinceId"] && !formData.value[proxy.addressName || "provinceName"]) {
       showModel.value = "";
     } else {
-      showModel.value =
-        formData.value[proxy.addressId || "provinceId"] ||
-        formData.value[proxy.addressName || "provinceName"];
+      showModel.value = formData.value[proxy.addressId || "provinceId"] || formData.value[proxy.addressName || "provinceName"];
     }
   },
   {