安装

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}}"
  />