vue 中el-select联动 清空后无法点击选择后一个el-select
【代码】vue 中el-select联动 清空后无法点击选择后一个el-select。
·
el-select选择器赋值为空后无法选中回显
原因:
焦点问题
背景:我是做了监听,因为需求要求选择街道后联动文号与项目名称,一个街道对应多个个文号与项目名称,因此当街道变化,需要清空之前的文号与项目名称信息。
解决办法:
<el-select
v-model="detailForm.street"
placeholder="请选择"
filterable
style="width: 100%"
clearable
@change="handleStreetChange"
>
<el-option
v-for="item in szjdTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
handleStreetChange() {
this.$set(this.detailForm, 'licenseNumber', '');
this.$set(this.detailForm, 'projectName', '');
},
更多推荐
已为社区贡献4条内容
所有评论(0)