TreeField 树表单域

基于Tree组件封装的表单域组件,可通过v-model绑定值。内置单向级联逻辑

提示

组件会透传Tree组件支持的绝大部分属性和事件绑定以及插槽,部分属性设置了默认值,此外还有少数属性外部无法覆盖。具体见Tree Attributes

基础用法

在Form中使用

本例演示如何作为表单域使用,包括设置初始值,只读模式等。

自定义节点内容

提示

Tree组件文档参照

Attributes

参数类型说明可选值默认值
value/v-modelstring[] / number[]绑定值, node-key指定属性对应值的数组----
v-model:detailValue{ checked: [], halfChecked: [] }拆分后的绑定值,包含了选中项和半选组----
node-keystring和Tree组件同名属性意义一致,属性对应不上时无法查找节点会报错--'id'
inlineboolean是否采用行内展示的形式。行内展示使用了flex布局让根节点在水平方向平铺,减少页面高度----
dataobject[]数据源----
check-modestring树节点的关联方式,对应Tree的check-strictly属性并增加了扩展。two-way对应false,none对应true,one-way为扩展关联方式(仅单向关联,父->子)two-way/one-way/none--
readonlyboolean展示模式,不显示checkbox,仅显示选中的节点文字----

Methods

组件代理了Tree组件的所有方法,具体见Tree文档

Tree Attributes

仅列举原组件受影响的字段,其他字段见原组件文档。

参数能否覆盖默认值说明
check-strictly--组件内部维护了关联值,所以无法覆盖
Last Updated:
Contributors: wxhccc, wxhccche