首页 > 其他 > 详细

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

时间:2021-06-09 09:22:35      阅读:38      评论:0      收藏:0      [点我收藏+]

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

 <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

原文:https://www.cnblogs.com/lv77/p/14865244.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!