一、图片有时候需要放大预览,放大后可支持放大缩小等功能,element中的preview-src-list属性可以实现。
二、主要代码:
<el-form ref="verification" :model="verification" label-width="180px" class="elform">
<el-form-item label="产地合格证:" style="height:162px;">
<el-image v-for="item in imgarr" :src="item" style="width: 150px; height: 100px" :preview-src-list="srcList" @click="vbs()"> </el-image>
</el-form-item>
</el-form>
export default {
data() {
return {
imgarr:[],//图片列表
srcList: [],//预览图片列表
}
},
methods: {
vbs() {
this.srcList = this.imgarr;
console.log('sli',this.srcList);
},
}
三、注意的点
(1)srcList必须为数组格式Array
(2)官方案例网址:https://element.eleme.cn/#/zh-CN/component/image
四、效果