• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

[element-ui] 多列表实现+自定义过滤 el-select

开发技术 开发技术 7天前 8次浏览

自定义多列表,自定义过滤

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

 


程序员灯塔
转载请注明原文链接:[element-ui] 多列表实现+自定义过滤 el-select
喜欢 (0)