RNSelectTreeNext 树形选择器组件

• 🌲 完美展示层级结构
• 🔍 支持节点搜索定位
• 🎨 丰富的节点配置
• 🚀 支持ajax加载数据
• 🌟 支持关联数据的加载

基础用法

使用ajax

关联加载

Props

参数	说明	类型	默认值
data	树形数据	TreeOption[]	[]
value(v-model)	当前选中值	string | number | Array<string | number>	-
multiple	是否多选	boolean	false
cascade	是否级联选择	boolean	false
remote	是否远程加载	boolean	false
onLoad	加载子节点的方法	(node: TreeOption) => Promise<TreeOption[]>	-
placeholder	占位提示文本	string	-
maxTagCount	最多显示多少个标签	number	-

TreeOption 配置项

参数	说明	类型	默认值
label	节点文本	string	-
value	节点值	string | number	-
children	子节点	TreeOption[]	-
isLeaf	是否叶子节点	boolean	false
disabled	是否禁用	boolean	false

事件

事件名	说明	回调参数
update:value	选中值改变时触发	(value: string | number | Array<string | number>) => void
load	异步加载完成时触发	(node: TreeOption, children: TreeOption[]) => void