element tabel手动实现自定义筛选 排序问题

问题描述：手动实现自定义筛选后，点击下拉框会触发排序。

解决：

1.初步猜测是冒泡引起的，那么自定义筛选框组件加@click.stop 禁止冒泡

  <div class="customHeader" @click.stop>
    <el-popover
      placement="bottom"
      title="查询条件"
      width="300"
      trigger="click"
      ref="popover">
    </el-popover>
  </div>

问题解决，点击红色区域没问题，点击绿色区域还是会被排序，而且很容易被误点到。官方提供的筛选可不是这样的奥

2.上面我们得知使用官方的筛选没问题，那么我们使用官方筛选

    <el-table :data="tableData" style="width: 100%" border stripe&