|
@@ -1,7 +1,17 @@
|
|
<template>
|
|
<template>
|
|
<div class="select-city">
|
|
<div class="select-city">
|
|
- <el-select clearable filterable allow-create :placeholder="placeholder" @change="getCityData" @clear="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"
|
|
|
|
+ @clear="getCityData"
|
|
|
|
+ v-model="showModel"
|
|
|
|
+ style="width: 100%"
|
|
|
|
+ >
|
|
|
|
+ <el-option v-for="item in data" :label="item.name" :value="item.id">
|
|
|
|
+ </el-option>
|
|
</el-select>
|
|
</el-select>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
@@ -39,7 +49,11 @@ defineProps({
|
|
watch(
|
|
watch(
|
|
formData.value,
|
|
formData.value,
|
|
() => {
|
|
() => {
|
|
- if (!formData.value[proxy.addressId || "provinceId"] && !formData.value[proxy.addressName || "provinceName"]) {
|
|
|
|
|
|
+ console.log(JSON.parse(JSON.stringify(formData.value)), "22");
|
|
|
|
+ if (
|
|
|
|
+ !formData.value[proxy.addressId || "provinceId"] &&
|
|
|
|
+ !formData.value[proxy.addressName || "provinceName"]
|
|
|
|
+ ) {
|
|
if (formData.value[proxy.addressId || "provinceId"] === "-1") {
|
|
if (formData.value[proxy.addressId || "provinceId"] === "-1") {
|
|
showModel.value = "";
|
|
showModel.value = "";
|
|
formData.value[proxy.addressId || "provinceId"] = "";
|
|
formData.value[proxy.addressId || "provinceId"] = "";
|
|
@@ -47,14 +61,20 @@ watch(
|
|
} else {
|
|
} else {
|
|
showModel.value = "";
|
|
showModel.value = "";
|
|
}
|
|
}
|
|
|
|
+ console.log(showModel.value, "www");
|
|
} else {
|
|
} else {
|
|
if (formData.value[proxy.addressId || "provinceId"] === "-1") {
|
|
if (formData.value[proxy.addressId || "provinceId"] === "-1") {
|
|
- showModel.value = formData.value[proxy.addressId || "provinceId"] || formData.value[proxy.addressName || "provinceName"];
|
|
|
|
|
|
+ showModel.value =
|
|
|
|
+ formData.value[proxy.addressId || "provinceId"] ||
|
|
|
|
+ formData.value[proxy.addressName || "provinceName"];
|
|
formData.value[proxy.addressId || "provinceId"] = "";
|
|
formData.value[proxy.addressId || "provinceId"] = "";
|
|
formData.value[proxy.addressName || "provinceName"] = "";
|
|
formData.value[proxy.addressName || "provinceName"] = "";
|
|
} else {
|
|
} 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"];
|
|
}
|
|
}
|
|
|
|
+ console.log(showModel.value, "www");
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|