vue:表格中的展开全部和收起

1,316 阅读1分钟

需求:

实现点击展开全部,展示全部数据

默认显示4条数据

思路:

获取数据

判断数组长度,如果大于4,就截取前4条数据赋值给partData,全部数据赋值给allData,isShowAll(控制展开全部文字的显示与隐藏)设为true

如果不大于,就把数据赋值给partData,isShowAll不变,默认为false

接下来就是渲染了

直接渲染partData的数据

定义事件toggleData,如果点击展开全部,也就是isShowAll为false,将allData数据赋值给partData