使用ant design vue的树选择（TreeSelect）

今天在做公司项目的时候使用到ant design vue的树选择（TreeSelect），在此记录一下使用

首先，从ant design vue中引入

 然后在components中进行注册使用

 注册完成之后，从官网中引入这段：

 其中placeholder是提示框，这边可以输入自己想要进行提示的话语。

关键点在：treeData="treeData"这，这边是获取数据与fieldNames="{ value : 'id', label: 'name' }"搭配结合将从后端获取到的数据渲染出来。

其中treeData获取数据步骤如下：

（1）引入本文件中需要的这两个数据

（2）然后vue3项目是直接在setup()中定义使用

 （3）在setup()中定义一个函数通过api接口：getOrgList获取相关数据,然后在onMounted中进行渲染该函数，最后通过return返回treeData

 这样子就能获取到需要的树形数据。

顺便记录一下ant design vue表格显示可选择的写法：

（1）给表格层加上

:row-selection="rowSelection"

      rowKey="id"  ，如下所示：

（2）从ant design vue中引入下面需要的这个

 (3)然后在setup()中进行如下配置：

 （4）最后通过return返回rowSelecttion即可