|
@@ -1,7 +1,15 @@
|
|
|
<template>
|
|
|
<div class="select-city">
|
|
|
- <el-select filterable allow-create :placeholder="placeholder" @change="getCityData" v-model="showModel">
|
|
|
- <el-option v-for="item in data" :label="item.name" :value="item.id"> </el-option>
|
|
|
+ <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>
|
|
|
</div>
|
|
|
</template>
|
|
@@ -40,10 +48,15 @@ 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"];
|
|
|
}
|
|
|
},
|
|
|
{
|