鍍金池/ 問(wèn)答/HTML/ 使用iview的table如何做到動(dòng)態(tài)顯示和隱藏tr?

使用iview的table如何做到動(dòng)態(tài)顯示和隱藏tr?

在不對(duì)table的綁定數(shù)據(jù)進(jìn)行push,splice的操作下,如何做到顯示/隱藏行?用v-show或者v-if嗎還是直接在render里實(shí)現(xiàn)?

回答
編輯回答
陪妳哭

把columns數(shù)據(jù)不要寫在data中,而是寫在methods初始化方法中,然后設(shè)置一個(gè)顯示隱藏標(biāo)志位,根據(jù)標(biāo)志位來(lái)判斷是否往columns中添加。如:

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

export default{
    data(){
        return {
            flag:true, //標(biāo)志位
            Columns:[],
            Data:[{
                name:'張三'
            }]
        }
    },
    mounted(){
        this.init()
    },
    methods:{
        init(){
            this.Columns=[{
                title: '姓名',
                key: 'name',
                align:'center',
            }]
            
            if(flag){
                this.Columns.push({...}) //自行補(bǔ)充
            }
        }
    }
}
2017年10月5日 08:18
編輯回答
做不到

用另一個(gè)數(shù)組來(lái)保存每行數(shù)據(jù)的隱藏顯示狀態(tài)

2018年8月25日 20:55