使用iview的table如何做到动态显示和隐藏tr?

Question

在不对table的绑定数据进行push，splice的操作下，如何做到显示/隐藏行?用v-show或者v-if吗还是直接在render里实现？

Answer 1

把columns数据不要写在data中，而是写在methods初始化方法中，然后设置一个显示隐藏标志位，根据标志位来判断是否往columns中添加。如：

<Table border :columns="Columns" :data="Data"></Table>

export default{
    data(){
        return {
            flag:true, //标志位
            Columns:[],
            Data:[{
                name:'张三'
            }]
        }
    },
    mounted(){
        this.init()
    },
    methods:{
        init(){
            this.Columns=[{
                title: '姓名',
                key: 'name',
                align:'center',
            }]
            
            if(flag){
                this.Columns.push({...}) //自行补充
            }
        }
    }
}

Answer 2

用另一个数组来保存每行数据的隐藏显示状态