element ui 修改table筛选按钮为自定义按钮

element ui 修改table筛选按钮为自定义按钮

前些时间做项目的时候，有个需求是，嫌elementui 自定的筛选按钮 下拉的小三角不好看，需要自定义按钮。
具体的实现方法如下：

1. 从阿里的图片库引入自己想要的图标。
2. 在需要修改按钮的vue页面里面修改样式

   .eTable /deep/ th .cell .el-table__column-filter-trigger .el-icon-arrow-down::before{font-family:"iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size:18px;font-style:normal;content: "\e621";vertical-align: middle;
   }
   

   这样就可以修改了筛选图标了，如果需要全局修改可以在app.vue里面去定义全局样式。