美文网首页
前端数据列表展开折叠功能

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

作者: Kelly_8d35 | 来源:发表于2019-04-16 11:28 被阅读0次

思路
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"的状态来显示或隐藏列表内容

相关文章

网友评论

      本文标题:前端数据列表展开折叠功能

      本文链接:https://www.haomeiwen.com/subject/sagvwqtx.html