美发网站带手机版,网站建设教程菜鸟教程,织梦php网站模板,高端大气酒店网站源码element ui 走马灯一页展示多个数据实现 element ui 走马灯一页展示多个数据实现 element ui 走马灯一页展示多个数据实现
主要是对走马灯的数据的操作#xff0c;先看js处理 let list [{ i: 1, name: 1 },{ i: 2, name: 2 },{ i: 3, name: 3 },{ i: 4, name: 4 },]let newL… element ui 走马灯一页展示多个数据实现 element ui 走马灯一页展示多个数据实现 element ui 走马灯一页展示多个数据实现
主要是对走马灯的数据的操作先看js处理 let list [{ i: 1, name: 1 },{ i: 2, name: 2 },{ i: 3, name: 3 },{ i: 4, name: 4 },]let newList []let current 0if (list list.length 0) {for (let i 0; i list.length - 1; i) {// 注意这里的2 可以是其他数值看走马灯里面需要展示几个if (i % 2 ! 0 || i 0) {if (!newList[current]) {newList.push([list[i]])} else {newList[current].push(list[i])}} else {currentnewList.push([list[i]])}}}console.log(newList, newList)/*** 结果为 * [* [{i:1,name:1}, {i:2,name:2}],* [{i:3,name:3}, {i:4,name:4}],* ]* * **/看懂以上代码应该大概知道数据的切割我就接着继续实现页面 这里面是循环两边最外层是走马灯的循环里面是一组数据的循环看懂对数据的切割就基本上看懂对走马灯里面一页展示多个数据的实现逻辑
