el-table中的使用formatter属性的让表格单元内显示图片

el-table中的使用formatter属性的让表格单元显示图片

el-table的formatter这个属性很厉害，可以用来修改很多东西。官方文档只是说了可以格式话内容

但是再项目开发中想试着不仅仅只是数据的改变呢，可不可以插入html呢？
可不可以插入html后如img标签后给 动态绑定src地址呢？
我试了下用JSX语法可行！

上代码看更直观：

html中

js中

export default {
    data() {
      return {
        tableColumns: [
          {
            isShow: true,
            label: '用户',
            overflow: true,
            width:150,
            formatter: (row, column) => {
                let d=

                     
                    
{row.nickName}
                  
                 return d;
            },
          ],
          }
          }

vue中也是可以使用jsx语法的。