下拉框模糊搜索 输入框中的值映射不上去的问题

强制更新

Element-ui中el-select选择器实现输入和搜索,可显示输入值的详细讲解_el-select可输入可选择-CSDN博客https://blog.csdn.net/qq_63438013/article/details/134512480

javascript 复制代码
<el-select 
  @keyup.enter.native="handleQuery" 
  @blur="selectBlur"  失去焦点的强制更新即可赋值完成
  style="width: 150px;" 
  filterable clearable 
  v-model="queryParams.parentName" 
  placeholder="请选择活动类别">
     <el-option v-for="item, index in suboptions" :key="index" :label="item" :value="item">
     </el-option>
</el-select>
javascript 复制代码
selectBlur(e){
    this.queryParams.parentName = e.target.value
    this.$forceUpdate()
}
相关推荐
前端Hardy几秒前
别再手动写 loading 了!封装一个自动防重提交的 Hook
前端·javascript·vue.js
前端Hardy1 分钟前
前端如何实现“无感刷新”Token?90% 的人都做错了
前端·javascript·vue.js
秋水无痕2 分钟前
# 手把手教你从零搭建 AI 对话系统 - React + Spring Boot 实战(二)
前端·后端·面试
SuperEugene10 分钟前
Vue Router 实战规范:path/name/meta 配置 + 动态 / 嵌套路由,统一团队标准|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
小彭努力中28 分钟前
194.Vue3 + OpenLayers 实战:动态位置 + 高度 + 角度,模拟卫星地面覆盖范围
前端·css·vue.js·openlayers·animate
颜正义29 分钟前
作为前端你还不会 Playwright 进行单元测试吗?
前端·测试
孟陬30 分钟前
国外技术周刊 #3:“最差程序员”带动高效团队、不写代码的创业导师如何毁掉创新…
前端·后端·设计模式
张一凡9331 分钟前
easy-model -- "小而美"的React状态管理方案
前端·javascript·react.js
前端Hardy32 分钟前
纯 HTML/CSS/JS 实现的高颜值登录页,还会眨眼睛!少女心爆棚!
前端·javascript·vue.js
includei34 分钟前
【JavaScript】华为机试_HJ20_密码验证合格程序
开发语言·javascript·华为