table列表渲染時,內容要渲染多個值且包含圖示

饼MIN發表於2024-05-21
    {
        title: $t('fileName'),
        key: 'name',
        width: 180,
        align: 'left',
        fixed: 'left',
        render(row) {
            return h('div', { style: { display: 'flex', alignItems: 'center' } }, [
                h('span', null, { default: () => row.nameShort }),
                h('span', { style: { width: '12px' } }, { default: () => null }),
                h(NIcon, { size: 28 }, { default: () => h(FolderOpenOutline) }),
                h('span', { style: { width: '6px' } }, { default: () => null }),
                h('span', null, { default: () => row.name }),
            ]);
        },
    },

相關文章