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