Html 如何在表中添加图像（使用el table、el table列），即使用Vue.js中的ui元素？

我是Vue.js的新手，已经使用ui元素构建了一个简单的表。用于构建表格的ui元素是el table，并使用el table column和prop显示了各个列（请查找下面的代码）。现在，我想在我的表中显示图像/化身/缩略图（即，表中的一列应该填充图像）。我不知道如何在表格中插入图像，因为我正在使用prop用数据填充表格。我的表格代码如下：

Vuejs中的HTML部分：

<!--Table-->
    
          <el-table :data="posts"
                ref="Table"
                stripe
                style="width: 100%;">

                <el-table-column min-width="50" prop="name"
                   label="Username">
                </el-table-column>

                <el-table-column min-width="50" prop="count_followers"
                   label="Followers">
                </el-table-column>

                <el-table-column min-width="55"  prop="display_pic_url"
                   label="Display Pic">
                </el-table-column> -->
           </el-table>

-->

我使用axios使用数据，并将信息存储在名为posts的数组中。我在html代码中使用了上面的posts数组，即：data=“posts”。我已经使用el表格列和道具在网页上显示了数据。上面的第三列表示显示图片，prop=“display\u pic\u url”表示配置文件图片url。但是，我不想在表上打印这些数据（即，显示图片的url），而是想显示url上承载的配置文件图片。我如何做到这一点？如何在每行中显示配置文件图片，而不只是在每行中打印url

我已经在下面显示了我创建的表

请查看代码并建议代码中的修改以显示配置文件图片

如果能得到任何帮助，我将不胜感激

---

谢谢。

您可以使用插槽作用域：

<el-table-column min-width="55"  prop="display_pic_url" label="Display Pic">
  <template slot-scope="scope">
      <img :src="scope.row.display_pic_url"/>
  </template>
</el-table-column>

---

是否有办法使用el table column仅为每行更改特定列的文本颜色？el table列似乎并没有color属性，我想不出一种方式来设置它的样式。谢谢你的帮助。例如，如果我想将列Followers的内容设置为蓝色，那么我该如何做呢？