Element-ui 在table里面增加图片显示

最新推荐文章于 2024-09-03 09:15:18 发布

果冻_Jump

最新推荐文章于 2024-09-03 09:15:18 发布

阅读量6.8k

点赞数 6

文章标签： vue html5

本文链接：https://blog.csdn.net/lichao0627/article/details/106399014

版权

本文介绍了如何在Vue.js结合Element-UI的Table组件中实现图片显示。通过示例代码和data样例，详细展示了在表格内插入HTML5图片标签的步骤。

摘要由CSDN通过智能技术生成

先上效果图：
在这里插入图片描述
然后直接上代码：

<!-- 其他代码省略 -->

<el-table :data="tableData" v-loading:loading border style="width: 100%">
	<el-table-column
           prop="fileName"
           label="文件名">
    </el-table-column>
    <el-table-column
           prop="thumbnail"
           label="缩略图">
       <template slot-scope="scope