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

作者:袖梨 2022-06-25

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

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

  
        
          显示
          不显示
        
      
      
        
          已处理
          未处理
        
      

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

 
  
   
    
    {{ scope.row.date }}
   
  
  
   
    
     

姓名: {{ scope.row.name }}

住址: {{ scope.row.address }}

{{ scope.row.name }}
编辑 删除

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

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

        
          显示
          不显示
        
      
      
        
          已处理
          未处理
        
      
使用elementUi 的table组件的筛选功能记得加prop!!!

相关文章

精彩推荐