elementUI表格中预览图片

更新时间:2023-07-18 18:14:04 阅读: 评论:0

elementUI表格中预览图⽚
表格中有⼀列显⽰的图⽚,现需要点击图⽚,预览该图⽚,使⽤的elementui中的previewSrcList做的图⽚预览,但是测试发现,⽆论点击表格中的那张图⽚,预览的⼤图都是从第⼀张图⽚,开始预览;
后⾯通过更改每张图⽚绑定的图⽚list的顺序,解决了次问题;
cumulative
页⾯显⽰:
<el-table-column property="path" label="图⽚" align="center">
企业财务通则
<template slot-scope="scope">harddisk是什么意思
truelove
<el-image
结果英文
:src="w.path"
wap歌词直白翻译
par error:preview-src-list="w.list"
>
</el-image>
</template>
</el-table-column>
 js:
getDrawerTableList(data) {
this.drawerTableList = data;krusty
bridlethis.list = [];
// 表格数据  drawerTableList
//获取每张图⽚的地址
for(var i = 0 ; i < this.drawerTableList.length ; i ++){
this.list.push(this.drawerTableList[i].path)
}
//根据图⽚顺序(index)更改每张图⽚绑定的list的图⽚顺序
for(var i = 0 ; i < this.drawerTableList.length ; i ++){
// this.list.push(this.drawerTableList[i].path)
var container = this.list;
var frontArr = container.slice(0,i);
var behindArr = container.slice(i,this.drawerTableList.length);
var list = at(frontArr)letterpress
this.drawerTableList[i].list = list;
}
},

本文发布于:2023-07-18 18:14:04,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/90/181408.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:预览   点击   更改
相关文章
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图