iview Table组件动态渲染filters数组

目的：使用iview Table件中的筛选功能

结果：找了很多网上的方法多不完善，或者的己想要的方法，于是自己方法。

步骤：

1.  export default {
    data () {

  abc:[{label:"2222",value:"55555"},{label:"2222",value:"55555"}],

  columns:[

          {
            title: '分类',
            slot: 'abc',
            filters:[],
             filterMultiple: true,
             filterMethod (value, row) {
              if(row.abc==value)
              {
                     return row;
               }
                    }
          },

]

},

created()
    {
      console.log("created生命周期")
        var filterst=[];
        for(var i=0 ; i<this.abc.length;i++)
        {  
        filterst[i]={label:this.abc[i],value:this.abc[i]};
        }
        this.columns[0].filters=filterst;
        console.log(this.columns)
    },

}

 

如果我们想在WebApshu获数据然后赋值给abc之后在执行一遍

var filterst=[];
        for(var i=0 ; i<this.abc.length;i++)
        {  
        filterst[i]={label:this.abc[i].Name,value:this.abc[i].Name};
        }
        this.columns[0].filters=filterst;
疑问：之前一直不可以渲染，然点击重置一次。之后就可以一直渲染了。