diff --git a/README.md b/README.md
index 7c7dcc7..838c6b8 100644
--- a/README.md
+++ b/README.md
@@ -151,6 +151,7 @@ import '@wsfe/vue-tree/style.css'
 | :------ | :--------------- |
 | empty | 暂无数据 |
 | loading | 加载中显示的图标 |
+| node | 自定义节点,参数为 {title,node} |
 
 ### VTree Data Fields
 
@@ -173,6 +174,7 @@ import '@wsfe/vue-tree/style.css'
 | \_level | 节点层级,默认从 0 开始 |
 | \_loading | 节点是否正在加载 |
 | \_loaded | 节点是否已经加载过,异步加载下有效 |
+| type | 自定义节点类型 |
 
 ## VTreeSearch API
 
diff --git a/examples/Feature.vue b/examples/Feature.vue
index 86f1054..eea4b82 100644
--- a/examples/Feature.vue
+++ b/examples/Feature.vue
@@ -26,6 +26,37 @@
 </div>
 </div>
 
+ <div>
+ <div>基本用法-自定义节点</div>
+ <div>
+ <div>
+ <div>
+ <vtree + ref="basicTreeRef" + :data="basicUsageCustomNode" + :nodeClassName="node => `generated-class-${node.id}`"
+ @click="handleClick"
+ @node-dblclick="handleDblClick"
+ @node-right-click="handleRightClick"
+>
+ 
+ <template v-slot:node="{title,node,}">
+ <template v-if="node.type=='dept'"><div>{{title}}</div></template>
+ <template v-else-if="node.type=='user'"> {{title}} </template>
+ </template>
+ </vtree>
+ </div>
+ </div>
+ <div>
+ <div>纯展示</div>
+ <div>
+ <button @click="handleExpandAll">展开全部节点</button>
+ <button @click="handleCollapseAll">折叠全部节点</button>
+ </div>
+ </div>
+ </div>
+ </div>
+
 
 <!-- <div>
 <div>数据正确性验证</div>
@@ -181,6 +212,28 @@ const genData = (extra = {}) => {
 )
 )
 }
+const genOrg=()=>{
+ const org=[];
+
+ for (let i = 0; i < 5; i++) { + const dept={ + title:"部门-"+i, + id:"dept-"+i, + type:"dept", + children:[], + }; + + for (let j = 0; j < 10; j++) { + dept.children.push({ + title:"人员-"+j, + id:`user-${i}-${j}`, + type:"user", + }) + } + org.push(dept) + } + return org +} const genChildrenData = (nodeCount = 2) => {
 return treeDataGenerator({
@@ -206,6 +259,7 @@ export default defineComponent({
 const selectableValue = ref('')
 const checkableValue = ref<(string &#124; number)[]>([checkableData[0].id!])
 const basicUsage = ref(genData().data)
+ const basicUsageCustomNode = ref(genOrg())
 const orderData = ref(genData({ inOrder: true }).data)
 const selectable = ref(selectableData)
 const showCheckable = ref(true)
@@ -288,6 +342,7 @@ export default defineComponent({
 return {
 // 基本用法
 basicUsage,
+ basicUsageCustomNode,
 basicTreeRef,
 handleClick,
 handleDblClick,
diff --git a/src/components/Tree.vue b/src/components/Tree.vue
index 1903972..53b0d2e 100644
--- a/src/components/Tree.vue
+++ b/src/components/Tree.vue
@@ -29,7 +29,12 @@
 @select="handleNodeSelect"
 @expand="handleNodeExpand"
 @node-drop="handleNodeDrop"
- />
+>
+ <template #default="{title,node}">
+ <slot name="node" :title="title" :node="node">{{title}}</slot>
+ </template>
+ </ctreenode>
+
 
 </div>
 </div>
diff --git a/src/components/TreeNode.vue b/src/components/TreeNode.vue
index 801965d..0890bb2 100644
--- a/src/components/TreeNode.vue
+++ b/src/components/TreeNode.vue
@@ -27,7 +27,7 @@
 :draggable="draggable && !disableAll && !data?.disabled"
>
 <component v-if="renderFunction" :is="renderComponent"></component>
- <template v-else>{{ data ? data[titleField] : '' }}</template>
+ <template v-else><slot name="default" :title="data ? data[titleField] : ''" :node="data">{{ data ? data[titleField] : '' }}</slot></template>
 </div>
 </div>
 
diff --git a/src/store/tree-node.ts b/src/store/tree-node.ts
index 8f23293..e5cdf96 100644
--- a/src/store/tree-node.ts
+++ b/src/store/tree-node.ts
@@ -58,6 +58,9 @@ export default class TreeNode {
 /** 是否是子节点 */
 isLeaf: boolean = false
 
+ /** 节点类型,用于对节点进行分类 */
+ type: string = ''
+
 /** 节点是否正在加载 */
 _loading: boolean = false
 
</div><div class="naked_ctrl">
<form action="/index.cgi/larger-text" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://patch-diff.githubusercontent.com/raw/wsfe/vue-tree/pull/84.diff">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://patch-diff.githubusercontent.com/raw/wsfe/vue-tree/pull/84.diff" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast">配色反転</option>
<option value="larger-text" selected="selected">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>