elementui展示多张图片_elementUI 上传多张图片并预览大图左右切换

前段时间项目需求中涉及到上传多张图片 当条信息查看时可预览大图功能，项目框架vue.js+elementUI,抽时间在此做个整理记录，如有更好的方法 欢迎大家互相交流

页面列表更多操作-修改-先选择图片 点击确定时上传所有，查看-点击图片 就是查看图片大图

上传多张图片： el-upload组件

查看-大图预览左右切换：el-image组件

开发查看-大图预览时 发现个问题:用的组件页面没有效果，经排查是因为之前项目引的elementUI js css版本过旧 没有包含el-image组件，大家开发时候注意下

效果图如下：

直接贴代码如下：

里面有一些是项目的公共方法就不细写了，大家可参考图片上传代码的思路和步骤，具体请以自己的项目为准

// css 图片个数够5张时 上传按钮框隐藏

.disUoloadSty .el-upload--picture-card{

display:none;/*上传按钮隐藏*/}

action="#"

ref="upload"multiple

list-type="picture-card":auto-upload="false