记录，vue中实现，类似轮播效果

最新推荐文章于 2023-11-21 16:47:47 发布

0.2℃-冰激凌

最新推荐文章于 2023-11-21 16:47:47 发布

阅读量76

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/weixin_45872482/article/details/129802208

版权

在工作中，遇到一个实现，左右按钮，通过点按钮每次滚动一个，循环展示

 toRight() {
                // 获取 items 数组的第一个元素
                let first = this.iconArr[0];
                // 将第一个元素从数组中删除
                this.iconArr.splice(0, 1);
                // 将第一个元素添加到数组的末尾
                this.iconArr.push(first);
 },

 toLeft() {
                // 获取 items 数组的最后一个元素
                let last = this.iconArr[this.iconArr.length - 1];
                // 将最后一个元素从数组中删除
                this.iconArr.splice(this.iconArr.length - 1, 1);
                // 将最后一个元素添加到数组的开头
                this.iconArr.unshift(last);
               
},