前端数据列表展开折叠功能

2019-04-16  本文已影响0人  Kelly_8d35

思路
1.定义一个数组来存放所有列表的状态值
var recFlag
2.在列表对象中根据该对象的长度循环放入每个列表的状态值 最后push到之前定义的数组中
for (var i = 0; i < this.recruitmentPosList.length; i++) {
var obj = {show: false}
this.recFlag.push(obj)
}

3.定义函数来改变状态值
handShow (index) {
console.log()
this.recFlag[index].show = !this.recFlag[index].show
}

4.在页面中 循环列表内调用该函数 传入索引值

5.根据v-show="recFlag[index].show"的状态来显示或隐藏列表内容

上一篇 下一篇

猜你喜欢

热点阅读