Naive的表格进行多个或单个图片查看时,结合render的h函数进行,
采用NImage(import { NImage } from "naive-ui";),点击可查看对应大图的设置:
{
title: "排水证图片",
key: "fileList",
align: "center",
width: "160",
render(row) {
let lists = row.fileList == null ? [] : row.fileList;
let value = [];
lists.map((item, index) => {
console.log('item', index);
let imgs = h(
NImage,
{
width: 80,
height: 80,
style: "margin-right:5px;",
src: item.fileCloudStorageKey
},
);
value.push(imgs)
})
return value
}
},