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

最新推荐文章于 2024-04-30 17:28:38 发布

Lucy0612

最新推荐文章于 2024-04-30 17:28:38 发布

阅读量516

点赞数

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

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

版权

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'
          }]
        }