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', '');
    },
相关推荐
代码小学僧几秒前
使用 Cloudflare workers 做一个定时发送消息的飞书机器人
前端·云原生·serverless
前端付豪1 分钟前
2、ArkTS 是什么?鸿蒙最强开发语言语法全讲解(附实操案例)
前端·后端·harmonyos
吃瓜群众i2 分钟前
javascript-对象及应用
前端·javascript
Oder_C3 分钟前
通用组件-字典组件优化思路
前端·性能优化
吃瓜群众i3 分钟前
Javascript的核心知识点-函数
前端·javascript
zhujiaming4 分钟前
鸿蒙端应用适配使用开源flutter值得注意的一些问题
前端·flutter·harmonyos
前端付豪5 分钟前
8、鸿蒙动画开发实战:做一个会跳舞的按钮!(附动效示意图)
前端·后端·harmonyos
前端付豪5 分钟前
3、构建你的第一个鸿蒙组件化 UI 页面:实现可复用的卡片组件(附实战代码)
前端·后端·harmonyos
言诺意深7 分钟前
leaflet地图库-初始化(1)
前端
前端付豪7 分钟前
7、打造鸿蒙原生日历组件:自定义 UI + 数据交互(附实操案例与效果图)
前端·后端·harmonyos