在需要的列设置:filters方法
在table设置filter-change方法
<el-table
:header-cell-style="handleTheadStyle"
v-loading="dataLoading"
max-height="650"
@filter-change="filterChange"
@selection-change="handleSelectionChange"
@sort-change="changeSort"
:data="dataList"
style="width: 100%"
>
<el-table-column
:filters="[
{ text: '固定', value: 'FIXED' },
{ text: '随机', value: 'RANDOM' },
]">
</el-table-column>
filterChange(val){
if(val[Object.keys(val)[0]].length > 0){
this.dataForm.generationType = val[Object.keys(val)[0]]
} else {
this.dataForm.generationType = null
}
this.getData()
},
filterchange方法中将this.dataForm.genrationType改为自己的变量,然后调用获取数据接口