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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM