[element-ui] 多列表实现+自定义过滤 el-select
自定义多列表,自定义过滤
<el-select size="mini" v-model="form.code" filterable :filter-method='filterMethod' clearable placeholder="请选择">
<el-option v-for="item in options" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue">
<template>
<el-row type="flex">
<div style="padding-right:20px">{{item.dictValue}}</div>
<div>{{item.dictLabel}}</div>
</el-row>
</template>
</el-option>
</el-select>
过滤函数
filterMethod(query) { if (query == '') { this.options= this.list } else { let result = [] this.list.forEach(item => { if (item.dictValue.includes(query)) result.push(item) }) this.options= result } },
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步