前端如何在table表格的表头上增加可点击的下拉框

金刚大力士

已于 2022-08-11 17:35:39 修改

阅读量1.8k

点赞数 1

分类专栏： vue学习 elementui 文章标签： vue.js elementui 前端

于 2022-08-11 17:33:06 首次发布

本文链接：https://blog.csdn.net/qq_42177730/article/details/126289609

版权

纯属做笔记，

在表头上增加可点击的下拉框选中下拉框中任意一项表头值不变但高亮点击全部则恢复列表初始

                <el-table-column
                prop="type"
                label="日志类型"  width="150"> 
                 <template slot-scope="scope">
                        {
  {scope.row.type[1]}}
                 </template> 
                 <template slot-scope="scope" slot="header">
                    <span class="cursorPointer"  @click="clickButton('日志类型')" :class="(formData.type !== '' && formData.type!== 0) ? 'active' : ''">日志类型<i class="iconfont iconshaixuan"></i></span>