详解使用elementuitable组件的筛选功能的一个小坑

使用element-ui table组件的筛选功能的一个小坑

使用自定义模板和筛选功能，一开始的代码

   显示不显示  已处理未处理

然后发现筛选功能怎么都不能实现，上网查找原因才发现，虽然官网在写自定义模板的示例代码时是这样的：

     {{ scope.row.date }}   
姓名: {{ scope.row.name }}
住址: {{ scope.row.address }}
 {{ scope.row.name }}
  编辑删除

就是使用scope代替了prop，就是没有加上prop。

这就是坑所在地方，element的内部使用筛选功能时应该是使用到了prop，所以加上prop之后筛选功能就可以用了：

   显示不显示  已处理未处理

使用elementUi 的table组件的筛选功能记得加prop!!!

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持gaodaima编程笔记。