iView table动态设置filters

官方栗子请点这里

常规写法都是把filters写死了的

columns: [
    ..., {
        ...,
        filters: [{
            label: 'Greater than 25',
            value: 1
        }, {
            label: 'Less than 25',
            value: 2
        }],...
    },...
]
  
  

   
   
1
   
   
2
   
   
3
   
   
4
   
   
5
   
   
6
   
   
7
   
   
8
   
   
9
   
   
10
   
   
11
   
   
12
  
  

但是有时候我们需要的是可以根据后台所给的数据初始化filters，这时候需要做的并不是filters: this.variable，而是：

function(variable) {
    this.columns[index].filters = variable;
}
  
  

   
   
1
   
   
2
   
   
3
  
  

iView table组件会监听columns和data的改变而重新渲染。

但是如果是写成上述filters: this.variable方式

• 首先vue加载的时候运行到this.variable，此时this.variable的值为undefined
• 然后table组件并不会监听到columns的变化而重新渲染，至于监听不到的原因可以去查看源码（我是不会说我找不到证据的）