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', '');
    },
相关推荐
jiangzhihao051510 小时前
前端自动翻译插件webpack-auto-i18n-plugin的使用
前端·webpack·node.js
软件技术NINI12 小时前
html css网页制作成品——HTML+CSS盐津铺子网页设计(5页)附源码
前端·css·html
mapbar_front13 小时前
面试问题—我的问题问完了,你还有什么想问我的吗?
前端·面试
quweiie14 小时前
thinkphp8+layui多图上传,带删除\排序功能
前端·javascript·layui
李鸿耀14 小时前
React 项目 SVG 图标太难管?用这套自动化方案一键搞定!
前端
闲蛋小超人笑嘻嘻14 小时前
树形结构渲染 + 选择(Vue3 + ElementPlus)
前端·javascript·vue.js
叶梅树14 小时前
从零构建A股量化交易工具:基于Qlib的全栈系统指南
前端·后端·算法
巴博尔14 小时前
uniapp的IOS中首次进入,无网络问题
前端·javascript·ios·uni-app
焚 城14 小时前
UniApp 实现双语功能
javascript·vue.js·uni-app
Asthenia041215 小时前
技术复盘:从一次UAT环境CORS故障看配置冗余的危害与最佳实践
前端