element selected 自定义搜索

最新推荐文章于 2024-08-02 23:39:24 发布

浅影歌年

最新推荐文章于 2024-08-02 23:39:24 发布

阅读量453

点赞数

文章标签： javascript vue.js

本文链接：https://blog.csdn.net/weixin_44980864/article/details/113781641

版权

<el-select
  size="mini"
  v-model="value"
  @change="handleChange"
  :disabled="readonly"
  clearable
  filterable
  :filter-method="dataFilter"
  placeholder="请选择">
<el-option
    v-for="item in listOne"
    :key="item.id"
    :label="item.name"
    :value="item.id">
</el-option>
</el-select>

export default {
data () {
return {
      listOne: [],
      listTwo: [],
      value: ''
};
},
methos: {
    dataFilter (val) {
      if (val) { // val存在
        this.listOne= this.listTwo.filter((item) => {
          if (!!~item.name.indexOf(val) || !!~item.name.toUpperCase().indexOf(val.toUpperCase())) {
            return true;
          }
        });
      } else { // val为空时，还原数组
        this.listOne= this.listTwo;
      }
    },
}
};