//html<div v-for="(item, index) in data" :class="['container', {'show': firstSwitchArr[index]}]">//jsdata: {
firstSwitchArr: [true, false, false, false, false], data: data},
methods:{
switchShow(index) { this.$set(this.firstSwitchArr, index, !this.firstSwitchArr[index])
}
}//csss.container{display:none}
.container.show{display:block}vue項(xiàng)目中有個頁面，有很多顯示數(shù)據(jù)的容器，可以顯示和隱藏而且分為一級列表和二級列表，顯示數(shù)據(jù)的容器是通過數(shù)據(jù)遍歷出來的，可以任意多少個。 我上邊實(shí)現(xiàn)的方法就不太符合要求。有什么更好的實(shí)現(xiàn)方法？
1 回答
吃雞游戲
TA貢獻(xiàn)1829條經(jīng)驗(yàn) 獲得超7個贊
ui展示交給vue去做啊，考慮到你這個是經(jīng)常變換的可以用v-show，數(shù)據(jù)格式 {...,show: true or false},通過事件來切換show的值，這個屬性的值用于v-show
添加回答
舉報
0/150
提交
取消