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

element tabel手动实现自定义筛选 排序问题_第1张图片

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

解决:

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

  

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

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

    
      
    

 :filters="[]"  设置filters属性table就会开启官方的筛选(其他属性不用管)

然后我们把官方的筛选隐藏掉

// 占位,解决点击自己写的自定义筛选 会冒泡到排序
/deep/ .el-table__column-filter-trigger {
  display: none !important;
}

再次点击绿色区域 不会被排序了,问题解决。

你可能感兴趣的:(elementui,vue.js,javascript)