[JavaScript知识库]el-select 可下拉可搜索可保留

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)
  },

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖