您现在的位置是:首页 > 技术教程 正文

vue如何让element-ui的table列表中展示多张图片(可放大)的效果?

admin 阅读: 2024-03-29
后台-插件-广告管理-内容页头部广告(手机)

一、效果图

 

效果图基本就是这样,如果需要此效果的小伙伴可以往下看 ;

二、代码部分

1、先简单的复述一下原理

         因为一个table表格里面要存放一张或多张图片,所以前端接受到图片相关的数据肯定是个数组类型的,所以此时就要用到v-for="(item,index) in xxx" :key="index"的方法来实现,说到这不知道你有没有受到一点点启发,没有的话,直接上代码:

2、template部分

  1. //images就是后端传递的图片的数组类型数据
  2. //包裹一个