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

强制更新

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()
}
相关推荐
Hi_kenyon3 分钟前
VUE3套用组件库快速开发(以Element Plus为例)二
开发语言·前端·javascript·vue.js
Irene19917 分钟前
Vue 3 响应式系统类型关系总结(附:computed、props)
vue.js·props·响应式类型
起名时在学Aiifox8 分钟前
Vue 3 响应式缓存策略:从页面状态追踪到智能数据管理
前端·vue.js·缓存
天若有情67313 分钟前
校园二手交易系统实战开发全记录(vue+SpringBoot+MySQL)
vue.js·spring boot·mysql
计算机程序设计小李同学1 小时前
个人数据管理系统
java·vue.js·spring boot·后端·web安全
李剑一1 小时前
uni-app实现本地MQTT连接
前端·trae
EndingCoder1 小时前
Any、Unknown 和 Void:特殊类型的用法
前端·javascript·typescript
oden1 小时前
代码高亮、数学公式、流程图... Astro 博客进阶全指南
前端
GIS之路1 小时前
GDAL 实现空间分析
前端