elementUI表格中预览图⽚
表格中有⼀列显⽰的图⽚，现需要点击图⽚，预览该图⽚，使⽤的elementui中的previewSrcList做的图⽚预览，但是测试发现，⽆论点击表格中的那张图⽚，预览的⼤图都是从第⼀张图⽚，开始预览；孩子改名
后⾯通过更改每张图⽚绑定的图⽚list的顺序，解决了次问题；
页⾯显⽰：
<el-table-column property="path" label="图⽚" align="center">
<template slot-scope="scope">
<el-image
:src="w.path"
:preview-src-list="w.list"
>
</el-image>
</template>
</el-table-column>
js:
getDrawerTableList(data) {
台风命名this.drawerTableList = data;
清廉的意思this.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)
this.drawerTableList[i].list = list;朝中措
}
},
