ux-cascader-huxiaoqing

## 属性说明 | 属性 | 说明 | 类型 | 是否必填 | 默认值 | | :---:| :----: | :----: |:-----:|:-----:| | value | 当前选中值 | `Array` | 否 | `[]`| | placeHolder | 选择框占位符文本 | `String` | 否 | `请选择` | | disabled | 是否禁用 | `Boolean` | 否| `false` | | dataSource | 选择数据源 | `Array` | 是 | `[]`

Usage no npm install needed!

<script type="module">
  import uxCascaderHuxiaoqing from 'https://cdn.skypack.dev/ux-cascader-huxiaoqing';
</script>

README

Cascader 级联选择组件

属性说明

属性 说明 类型 是否必填 默认值
value 当前选中值 Array []
placeHolder 选择框占位符文本 String 请选择
disabled 是否禁用 Boolean false
dataSource 选择数据源 Array []
onChange 选择数据后的回调 Function () => {}

数据源结构

const ds = [{
  value: '1',
  text: '主页',
  disabled: false,
  children: [{
    value: '1',
    text: '人员名称',
    children: [{
      value: '1',
      text: 'XXX'
    }, {
      value: '2',
      text: 'YYY',
      disabled: true
    }]
  }, {
    value: '2',
    text: '文字内容',
  }]
}, {
  value: '2',
  text: '个人设置',
  children: [{
    value: ' 1',
    text: '修改头像',
    children: [{
      value: '1',
      text: '111'
    }, {
      value: '2',
      text: '2222'
    }]
  }, {
    value: '2',
    text: '编辑简档',
    children: [{
      value: '1',
      text: '子节点1'
    }, {
      value: '2',
      text: '子节点2'
    }]
  }]
}]