vue.js - ant design vue从表格中的html字符串渲染图像

Question

目前我面临的情况是我必须在同一个表格单元格中呈现两个属性。所以细胞基本上是这样的：

columns: [
       {
          title: 'Customer',
          align: 'left',
          dataIndex: 'customer.name',
          customRender: function(text, record) {
            switch (record.customerSatisfaction) {
              case "Good":
                var good_img = "<img src=...>" // this value comes from a plugin, can't be modified
                return good_img + text;
              case "Neutral":
                var neutral_img = "<img src=...>" // this value comes from a plugin, can't be modified
                return neutral_img + text;
              case "Unhappy":
                var unhappy_img = "<img src=...>" // this value comes from a plugin, can't be modified
                return unhappy_img + text;
            
            }
          }
        },
        ...] // other columns

如您所见，我想渲染customer.name一个来自插件的图像图标，该插件由record.customerSatisfaction. 当然，渲染结果是纯文本，没有任何意外:(。

我在这里想要的是一个图像图标，后跟一段文字。任何人都可以帮我弄清楚如何做到这一点？