tree-select

由于elementUI没有树形选择组件,但是项目又需要,因此粗实现单选择的树形选择组件。

组件组成

  • elementUI的Input
  • elementUI的Select
  • elementUI的Tree

Attributes

  • v-model 双向绑定的 绑定值

  • treeData 树形数据,参考结构

    [{
            isLeaf: false,
            label: '粗树干1',
            value: '1',
            children: [{
              isLeaf: true,
              label: '粗树干1-树叶1',
              value: '1-1'
            }]
          }]
     }]
    
  • placeholder 下拉框placeholder

  • clearable 是否显示清空按钮

  • accordion 是否树形每次只能展开一个

Events

  • change 节点选中状态发生变化时的回调,空对象或者当前选中的对象

说明

本项目只是定制型的组件,不是很通用,相当于只提供了一个示例,自己根据需要再进一步修改,如有不足之处希望不吝赐教。

项目地址

强烈建议没有特殊要求,使用Cascader 级联选择器

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值