vue使用elementui 的 table且自定义某列表头时,添加的点击事件和自带的筛选功能有类似冒泡行为

2024-01-03 18:18:01
  • element 自带的table
    在这里插入图片描述
  • 需求:在时间这一列的筛选按钮旁边添加一个批量修改按钮
  • 问题:如果不加排序这个属性,那么表格自带的筛选和新加的批量筛选点击事件会冲突(冒泡事件)
  • 解决方法:在该列添加sortable属性,然后在给table添加class,用css隐藏(目前我只相处了这一种不太合理的掩盖方式!,如果有知道其他好方法的可以告诉我下谢谢!)
<el-table
    ref="filterTable"
    :data="tableData"
    style="width: 100%"
	class="xxx"
	>
    <el-table-column
      prop="date"
      label="日期"
      sortable
      width="180"
      column-key="date"
      :filters="[{text: '2016-05-01', value: '2016-05-01'}, {text: '2016-05-02', value: '2016-05-02'}, {text: '2016-05-03', value: '2016-05-03'}, {text: '2016-05-04', value: '2016-05-04'}]"
      :filter-method="filterHandler"
    >
    </el-table-column>
 </el-table>
 
 // css 使用stylus
.xxx
   >>>.caret-wrapper
        display none

文章来源:https://blog.csdn.net/m0_45011929/article/details/135363574
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。