element ui table 单位格条件过滤后请求接口(filter-method、filter-change)


    
    
    
       
    
    
          
    
  

 js部分:

 filterHandler(value, row, column){
   //const property = column['property'];
   return row.type === value;
 },
 filterChanged(value){
 //value是一个对象,其key值为通过在el-table-column中设置的column-key属性,标志哪一个列的过滤条 
 件,可用于区分哪一个列的筛选条件发生了改变。
 //filterChanged函数和filter-method属性一般而言使用一个,前者可自定义筛选条件,如需要重新查库,则 
 比较适用,filter-method为el-table-column的属性函数,
 //其绑定的函数内部逻辑为:遍历表格绑定的数据,匹配表格每一行是否满足筛选条件,然后返回,所以上述示 
 例中的filterTag、filterChanged函数其实会重复执行,不可在其内部调用后端接口,否则会发生调用死循环。
  console.log(value.title)  //   {title:['默认','不推荐','推荐']}
  //请求接口
  this.getlist()
 },

你可能感兴趣的:(element,UI,vue.js,elementui,javascript)