由于elementUI没有树形选择组件,但是项目又需要,因此粗实现单选择的树形选择组件。
- elementUI的Input
- elementUI的Select
- elementUI的Tree
-
v-model 双向绑定的 绑定值
-
treeData 树形数据,参考结构
[{ isLeaf: false, label: '粗树干1', value: '1', children: [{ isLeaf: true, label: '粗树干1-树叶1', value: '1-1' }] }] }]
-
placeholder 下拉框placeholder
-
clearable 是否显示清空按钮
-
accordion 是否树形每次只能展开一个
- change 节点选中状态发生变化时的回调,空对象或者当前选中的对象
本项目只是定制型的组件,不是很通用,相当于只提供了一个示例,自己根据需要再进一步修改,如有不足之处希望不吝赐教。
npm install
npm run serve
npm run build
npm run test
npm run lint