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

  • 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

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-01-04 10:50:06       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-01-04 10:50:06       101 阅读
  3. 在Django里面运行非项目文件

    2024-01-04 10:50:06       82 阅读
  4. Python语言-面向对象

    2024-01-04 10:50:06       91 阅读

热门阅读

  1. FIR和IIR

    2024-01-04 10:50:06       53 阅读
  2. (图的遍历)深度优先搜索和广度优先搜索

    2024-01-04 10:50:06       61 阅读
  3. 微信小程序包含哪几部分

    2024-01-04 10:50:06       57 阅读
  4. Android 车联网——CarManager管理器续(五)

    2024-01-04 10:50:06       47 阅读
  5. ROS2/ROS+conda+pytorch配置

    2024-01-04 10:50:06       64 阅读
  6. Node.js监听文件的变化

    2024-01-04 10:50:06       56 阅读
  7. MySQL中的表锁,行锁,排它锁,共享锁

    2024-01-04 10:50:06       56 阅读
  8. 敏捷管理工具推荐

    2024-01-04 10:50:06       57 阅读
  9. 1月3日,每日信息差

    2024-01-04 10:50:06       55 阅读
  10. 11.使用递归求一个整数的每一位并且求和

    2024-01-04 10:50:06       53 阅读