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

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

作者: 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