CondorVNode
CondorVNode 是一个通用的虚拟节点渲染组件,接收一个渲染函数和行数据,执行渲染函数并返回 VNode。
组件 Props
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| render | Function / Object | null | 渲染函数 (row: Record<string, any>) => VNode 或直接传入 VNode 对象 |
| row | Record<string, any> | {} | 传递给渲染函数的行数据 |
基本用法
vue
<template>
<CondorVNode :row="item" :render="customRender" />
</template>
<script setup lang="ts">
import { h } from 'vue';
import { NTag } from 'naive-ui';
const item = { name: '张三', status: 1 };
const customRender = (row: Record<string, any>) => {
return h(NTag, { type: row.status === 1 ? 'success' : 'error' }, {
default: () => row.name
});
};
</script>CondorVNode 是一个底层工具组件,主要用于 CondorTable、CondorTableList 等组件的内部自定义渲染场景。当 render 不是函数时,直接返回传入的值作为 VNode。