ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

【ElementUI】一行代码解决图片预览

【ElementUI】一行代码解决图片预览

【ElementUI】一行代码解决图片预览

  • 只需要在图片标签上加入`:preview-src-list`

在这里插入图片描述
在这里插入图片描述

只需要在图片标签上加入:preview-src-list

  完整代码如下:

<el-table-column label="封面" align="center" prop="cover" :sort-orders="['descending','ascending']" sortable="custom"><template slot-scope="scope"><el-imagev-if="scope.row.cover"style=" height: 50px":src="scope.row.cover":preview-src-list="[scope.row.cover]"></el-image></template>
</el-table-column>
返回列表