【aggrid 表格插入图片】

<ag-grid-vue
      :style="themeStyle"
      class="ag-theme-alpine"
      :columnDefs="networkTopologyColumns"
      :rowData="collectInfoData"
      :components="components"
    />

let collectInfoData: any = ref([
    {
      xxx: '设备类型1',
      ccc: '设备型号1',
      image: 20,
    },
  ]);

  function buildColumns(lookupItems?) {
    let result = [
      {
        xxx: '设备类型',
        field: 'deviceType',
      },
      {
        headerName: '设备型号',
        field: 'ccc',
      },
      {
        headerName: '图片',
        field: 'image',
        width: 220,
        cellRenderer: 'deltaIndicator',
      },
    ];
    return result;
  }

  class DeltaIndicator {
    init(params) {
      const element = document.createElement('span');
      const imageElement = document.createElement('img');
      imageElement.style.width = 33 + 'px';
      imageElement.style.height = 33 + 'px';
      imageElement.style.marginLeft = 5 + 'px';
      if (params.value > 15) {
        imageElement.src =
          '网络地址';
      } else {
        imageElement.src =
          '网络地址';
      }
      element.appendChild(imageElement);
      // element.appendChild('document.createTextNode(params.value)');
      this.eGui = element;
    }

    getGui() {
      return this.eGui;
    }
  }
  let components = {
    deltaIndicator: DeltaIndicator,
  };