[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
            }
        },
复制代码

 

posted @   coffeemil  阅读(1423)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示