Vue3 Element-Plus Tree组件基本使用

---

前言

写博客的时候第一次用这个组件, ElementPlus的TypeScript范例让我吃了点苦头, 数据绑定那块搞了好一会才弄明白.
不过好在最后还是做出来了, 记录一下基本用法.

---

一、前置工作-引入

main.js:

import {
    ElTree } from 'Element-Plus';
import '../node_modules/element-plus/theme-chalk/index.css';
//样式根据自己那边具体文件位置来;
import App from './App.vue'

const app = createApp(App);

app.use(ElTree)

app.mount('#app');

---

---

二、步骤

Tree.vue:
data属性用来接收数据(但是只接受特定格式的数据, 参考下方代码), 只需要把我们准备好的数据v-bind绑定到:data上即可:

<el-tree :data="tree"/>