el-table表头加入筛选功能

el-table表头加入筛选功能_第1张图片

el-table表头加入筛选功能_第2张图片

 可以通过输入框输入,也可以通过遍历过滤出来的数据进行选择,选择的单选值回填到输入框中,

表格组件:



过滤组件:利用的是el-popover








注意:你可以在el-table-column里 用 :render-header='' '' 来绑定方法 渲染表头的过滤条件,但是检查代码的应该会出现警告。所以我采用了