列表数据展示图片

介绍

列表数据显示具体图片

详细步骤

1.确定功能字段，然后注册字段列renderer事件

2.编写代码

3. 最终效果

相关代码

let columnCode = column.field;       // 当前列编码
let columnValue = row[columnCode];   // 当前列值
const {h}= JE.useVue();
if(columnValue && columnValue !=undefined && columnValue !=null && columnValue !=""){
    return h('div', {}, [h('img',{src:JE.useUtils().getFileUrlByKey(JE.decode(columnValue)[0].fileKey,preview),style: {width: '120px',height: '90px'}})]);
}else{
    return columnValue;
}