elementUI 走马灯两侧按钮向外 - 走马灯多个数据时对数组的处理

Lucy0612

于 2022-10-27 08:58:39 发布

阅读量568

点赞数

分类专栏： js css 文章标签： elementui javascript 前端

本文链接：https://blog.csdn.net/weixin_49752665/article/details/127544572

版权

本文介绍了如何在使用elementUI时，针对走马灯组件的两侧按钮展示进行调整，特别是当走马灯数据为多维数组时，如何处理和封装数组的方法。通过代码展示和步骤解析，详细解释了从效果展示到实现过程的整个流程。

摘要由CSDN通过智能技术生成

1.1效果展示

修改前：
在这里插入图片描述
修改后：

1.2代码

在这里插入图片描述

2.1模拟一个多维数组

let dataList = [{
   
        name: 'lucy',
        age: 22,
        memeroys: [{
   
          area: '广州',
          photos: [{
   
            name: '广州塔',
            src: '111.src'
          }, {
   
            name: '天后宫',
            src: '112.src'
          }, {
   
            name: '白云山',
            src: '113.src'
          }, {
   
            name: '虎门大桥',
            src: '114.src'
          }]
        }, {
   
          area: '福州',
          photos: [{
   
            name: '三坊七巷',
            src: '121.src'
          }, {
   
            name: '蓝眼泪海岸',
            src: '121.src'
          }, {
   
            name: '福州大学',
            src: '121.src'
          }, {
   
            name: '东街口',
            src: '121.src'
          }]