el-select 点击关闭下拉框,内容会清空,只要简单操作,即可保留输入内容!
1、添加 filter-method 方法
<el-select
:filterable="true"
v-if="item.type === 'select'"
v-model="formAdd[item.value]"
:placeholder="`请选择${item.placeholder || item.label}`"
@change="changeSelect"
:filter-method="dataFilter"
>
<template v-if="item.appointType != 0">
<el-option v-for="option in item.children" :key="option.value" :value="option.value" :label="option.label" />
</template>
</el-select>
2、引入Vue import Vue from ‘vue’ 使用Vue.set 方法双向绑定数据与视图,否则输入框值视图下会被清空。
dataFilter(val) {
console.log(val, 'dataFilter')
Vue.set(this.formAdd, 'repairsUserName', val)
},