0.0.3 • Published 5 years ago
@mas.io/mas-dynamic-multilevel-select v0.0.3
安装
tnpm install --save @alipay/mas-dynamic-multilevel-select组件介绍
行业动态多级选择器, 针对支付宝行业的各个不同场景进行定制化开发,满足业务需求。
参数说明
| 属性 | 必填 | 参数类型 | 参数说明 | 默认值 | 示例 |
|---|---|---|---|---|---|
| show | 是 | Boolean | 是否显示选择 | false | -- |
| title | 否 | String | 选择器标题 | '' | '请选择区域' |
| level | 否 | Number | 最大选择器级数 | 10 | 3 |
| onSelect | 是 | Function | 选择完后回调 | onSelectSuccess(result) {} result 为选择的值 | |
| onClose | 是 | Function | 关闭选择器 | false | |
| onLoad | 是 | Function | 选择器传递参数 | loadData(params) {return null, res param为回调数据,res 为list的值} |
res 数据说明
res 为数组
| 属性 | 必填 | 参数说明 |
|---|---|---|
| name | 是 | 展示的名称 |
| code | 是 | code值 |
params 数据说明
params 为选择的res 数组的一个子一个对象
| 属性 | 必填 | 参数说明 |
|---|---|---|
| name | 是 | 展示的名称 |
| code | 是 | code值 |
在小程序中使用
{
"usingComponents": {
"mas-dynamic-multilevel-select": "@alipay/mas-dynamic-multilevel-select/es/index"
}
}在 page.axml 中引用组件
<!-- 页面使用方式 -->
<mas-dynamic-multilevel-select
show="{{selectShow}}"
onLoad="loadData"
onSelect="onSelectSuccess"
onClose="closeSelect"
level="{{3}}"
/>