Skip to content

CondorVNode

CondorVNode 是一个通用的虚拟节点渲染组件,接收一个渲染函数和行数据,执行渲染函数并返回 VNode。

组件 Props

参数名类型默认值说明
renderFunction / Objectnull渲染函数 (row: Record<string, any>) => VNode 或直接传入 VNode 对象
rowRecord<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。