组件

OneCascader

多级级联选择，以分栏面板逐级展开，值为从根到叶的路径数组。

查看代码收起代码

import { OneCascader } from '@geektech/one';

new OneCascader({
  options: [
    {
      value: 'zhejiang',
      label: '浙江',
      children: [
        { value: 'hangzhou', label: '杭州', children: [{ value: 'xihu', label: '西湖区' }] },
        { value: 'ningbo', label: '宁波' },
      ],
    },
    { value: 'jiangsu', label: '江苏', children: [{ value: 'nanjing', label: '南京' }] },
  ],
  placeholder: '请选择地区',
});

API

OneCascader API
名称	签名	说明
`options`	`options: OneCascaderOption[]`	级联树：value、label、disabled 与可选 children。
`value`	`value?: readonly string[]`	受控路径数组，每项对应一级的 value。
`defaultValue`	`defaultValue?: readonly string[]`	非受控初始路径。
`placeholder`	`placeholder?: string`	未选择时的提示文本。
`changeOnSelect`	`changeOnSelect?: boolean`	选择任意层级立即生效，默认需选到叶子。
`disabled`	`disabled?: boolean`	禁用触发与选择。
`invalid`	`invalid?: boolean`	标记输入无效。