0.0.3 • Published 4 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}}"
/>