element ui table+分页 筛选全部数据-demo

      
      
      
        
      
      
        
      
    
data(){
  return {
    filterStatus: [{ text: "已回答", value: 1 }, { text: "未回答", value: 0 }],
    listQuery:{
      status:''
    }
  }
},
methods:{
  filterTagTable(filters){
    if(filters.aStatus){
      this.listQuery.status = filters.aStatus[0]
    }
    this.getAll() // 筛选所选项下的所有数据，需要调用后端接口
  }}

效果图

注意：

1. @filter-change 要写在table根元素，也就是

2. 需要筛选的项，要写上 :column-key=" ' aStatus' "

3. 要搜索全局，就要去掉对应筛选项的 :filter-method="xx"。

ps: filter-method 筛选当前页面，不会请求后端接口，条数多的话，会造成死循环