Vue EasyUI 树形下拉框
树形下拉框( ComboTree )把选择空间和下拉树结合起来。 树形下拉框( ComboTree )与下拉列表框( ComboBox )相似,不同的是将列表换成树组件。 树形下拉框( ComboTree )支持带有用于多选的树状态复选框的树。
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
value | string, number, array | 字段值。 | null |
data | array | 要加载的数据。 | [ ] |
valueField | string | 绑定到此组件的底层数据值名称。 | id |
textField | string | 绑定到此组件的基础数据字段名。 | text |
editable | boolean | 定义用户是否可以直接在字段中键入文本。 | false |
注:
- 继承: ComboBase 。
使用方法
- 通过 HTML 标记创建树形下拉框( ComboTree )
<ComboTree :data="data" v-model="value" placeholder="Select a node">
<Tree slot="tree"></Tree>
</ComboTree>