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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,154评论 0 3
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,281评论 1 45
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,395评论 2 17
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 9,880评论 0 0
  • 换了新手机,想找个星空的壁纸,从相册的最后翻到最前,壁纸没挑好,回忆却在时间的缝隙里翻涌着。 兜兜转转,手机换了无...
    清越SAMA阅读 1,463评论 0 0

友情链接更多精彩内容