简介

这就是一个树

基础用法

<mb-tree
    ref="treeRef"
    url="/system/component/tree"
    :expand="false"
    search
    search-width="100%"
    :checked="false"
    :checkable="false"
    show-line
    @node-click="nodeClick"
    :contextmenu="treeContextmenu"
    :icon="{ expand: 'FolderOpenOutline', collapse: 'Folder', node: 'LogoVue' }"
/>

tree props

名称	类型	默认值	说明	版本
modelValue	String	''	tree选择的值
url	String	undefined	请求url，get请求
params	Object	undefined	请求参数
style	Object	{}	n-tree的style
props	Object	{}	n-tree bind的属性
expand	Boolean	true	是否显示展开/折叠按钮
checked	Boolean	true	是否显示全选/全不选按钮
search	Boolean	false	是否需要筛选
keyAll	Boolean	true	选择是否包含父级key
cascade	Boolean	true	是否开启级联
checkable	Boolean	false	是否显示选择框
showLine	Boolean	false	是否显示连接线
contextmenu	Array	undefined	右键菜单
defaultExpandAll	Boolean	true	默认是否全部展开
icon	Object	undefined	详见icon

tree contextmenu props

名称	类型	默认值	说明	版本
key	String	undefined	项的key
label	String	undefined	显示的文本
click	(node) => void	undefined	点击之后回调
if	(node) => Boolean	undefined	判断项是否显示

tree icon props

使用mb-icon渲染

名称	类型	默认值	说明	版本
expand	String	undefined	展开图标
collapse	String	undefined	折叠图标