element-ui需要顯示圖片的列表

1，

<el-table-column label="豎版" width="70">

<template slot-scope="{row}">

<el-popover placement="left" title trigger="hover">

<img :src="row.vverticalUrl" style="height: 200px;width: 150px">

<img slot="reference" :src="row.vverticalUrl" style="height: 60px;width: 45px">

</el-popover>

</template>

</el-table-column>

 

2，

<el-table-column prop="filepath" label="圖片預覽" width="72">

<template slot-scope="{row}">

<el-popover placement="right" title trigger="hover">

<el-image

slot="reference"

:src="row.imgUrls.length > 0 && row.imgUrls[0]"

style="height: 40px;width: 30px"

/>

<img

:src="row.imgUrls.length > 0 && row.imgUrls[0]"

style="height: 400px;width: 300px"

>

</el-popover>

</template>

</el-table-column>