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', '');
    },
相关推荐
LHX sir26 分钟前
什么是UIOTOS?
前端·前端框架·编辑器·团队开发·个人开发·web
Gazer_S34 分钟前
【前端状态管理技术解析:Redux 与 Vue 生态对比】
前端·javascript·vue.js
小光学长1 小时前
基于Vue的图书馆座位预约系统6emrqhc8(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
Y学院1 小时前
vue的组件通信
前端·javascript·vue.js
患得患失9491 小时前
【ThreeJs】【伪VR】用 Three.js 实现伪 VR 全景看房系统:低成本实现 3D 级交互体验
javascript·3d·vr
PairsNightRain1 小时前
React Concurrent Mode 是什么?怎么使用?
前端·react.js·前端框架
小岛前端1 小时前
React 剧变!
前端·react.js·前端框架
teeeeeeemo1 小时前
Webpack 模块联邦(Module Federation)
开发语言·前端·javascript·笔记·webpack·node.js
Greg_Zhong2 小时前
vue项目安装使用,npm、webpack版本问题注意
vue.js·npm版本、webpack版本
岁月宁静2 小时前
AI聊天系统 实战:打造优雅的聊天记录复制与批量下载功能
前端·vue.js·人工智能