</code></pre></div> <h2 id="api">API</h2> <h3 id="shu-xing">属性</h3> <table><thead><tr><th>属性</th> <th>类型</th> <th>默认值</th> <th>说明</th></tr></thead> <tbody><tr><td>value</td> <td>Array</td> <td>[]</td> <td>选中项的层级数组</td></tr> <tr><td>placeholder</td> <td>String</td> <td>'请选择日期'</td> <td>未进行选择时的提示</td></tr> <tr><td>disabled</td> <td>Boolean</td> <td>false</td> <td>是否被禁用</td></tr> <tr><td>separator</td> <td>String</td> <td>'/'</td> <td>展现时数据层级的分隔符</td></tr> <tr><td>size</td> <td>String</td> <td>'md'</td> <td>设置大小,目前支持 sm, md, lg</td></tr> <tr><td>options</td> <td>Array</td> <td>[]</td> <td>数据集</td></tr> <tr><td>labelKey</td> <td>String</td> <td>'label'</td> <td>可以指定数据集中展示值的字段</td></tr> <tr><td>valuekey</td> <td>String</td> <td>'value'</td> <td>可以指定数据集中取值的字段</td></tr> <tr><td>childrenKey</td> <td>String</td> <td>'children'</td> <td>可以指定子集的字段</td></tr> <tr><td>changeOnSelect</td> <td>Boolean</td> <td>false</td> <td>是否每级数据的选择都触发change事件</td></tr> <tr><td>showAllLevel</td> <td>Boolean</td> <td>true</td> <td>是否展现数据的全部层级结构,false则展现最后一级数据</td></tr></tbody></table> <h3 id="fang-fa">方法</h3> <table><thead><tr><th>参数</th> <th>说明</th> <th>类型</th> <th>默认值</th></tr></thead> <tbody><tr><td>change</td> <td>数据选择时回调</td> <td>function(Object: {label, value})</td> <td>label是展示值labelKey的数组,value是valueKey的数组</td></tr></tbody></table></article><footer>Code licensed under MIT License.<a href="https://github.com/clair-design/clair">Github项目</a>/<a href="https://github.com/clair-design/clair/issues">问题反馈</a></footer></div></div><button type="button" title="回到顶部" class="c-button c-button--primary c-button--round c-button--outline" style="display:none;position:fixed;right:50px;bottom:100px;z-index:999;"><span class="c-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-navigation-2" style="vertical-align:middle;"><polygon points="12 2 19 21 12 17 5 21 12 2"></polygon></svg></span><!----></button></div></div></div>
0 commit comments