element table 点击表头显示自定义筛选栏

返回示例

html

               <el-table-column min-width='40'>
                    <template slot="header" slot-scope="scope">
                        <el-popover placement="right" class='sort' trigger="click">
                            <el-select v-model='selectSortId' clearable multiple filterable collapse-tags @change='changePermission($event)'>
                                <el-option v-for='item in listSort' :value='item.id' :label='item.sort_name' :key='item.id'></el-option>
                            </el-select>
                            <div slot="reference"> <label> 类别 / 单位 </label> <i class='el-icon-arrow-down'> </i> </div>
                        </el-popover>
                    </template>
                    <template slot-scope="scope"> 
                        <div>
                          {{scope.row}}
                        </div>
                    </template>
                </el-table-column>
1605946486(1).png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容