iview vue 动态隐藏Table列
已下演示怎么动态隐藏table列
首先在computed中增加隐藏的方法:
var app = new Vue({
el: '#app'
,mixins:[layoutHeight]
,data:{
columns:{
//hidden:(这里可以写二维运算)
{title: '隐藏', key: 'YC',minWidth:150,hidden:(1==1?true:false)}
,{title: '不隐藏', key: 'BYC',minWidth:150,hidden:false}
}
,data:[]
}
,computed:{
colHidden:function (){
return this.columns.filter(function(e){
return !e.hidden;
})
}
}
})
table中使用
<i-Table :columns="colHidden" :data="data"></i-Table>