好资源导航 » 文章资讯 » 详解使用element-ui table组件的筛选功能的一个小坑

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

2023-09-06 07:41:05 239

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

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



显示
不显示




已处理
未处理

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






姓名:{{scope.row.name}}
住址:{{scope.row.address}}

{{scope.row.name}}

编辑

删除

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

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



显示
不显示




已处理
未处理

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

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