跳转到内容

Address

地址控件

API

参数说明类型默认值
maxDetailLen详细地址最大字符长度number-
showAddress是否展示省市区地址选择booleantrue
placeholder输入提示文案string-
limitLevel指定可选择的层级'COUNTRY'|'PROVINCE'|'CITY'|'DISTRICT'|'DISTRICT'|'DISTRICT'STREET
containsDetail是否显示详细地址booleanfalse
containsPostcode是否显示邮政编码booleanfalse

数据结构

{
address: [
{ id: "120000", name: "天津" },
{ id: "120100", name: "天津市" },
{ id: "120103", name: "河西区" },
{ id: "12010300302", name: "桃园街道" },
], // 地区选择
detail: "南开大学", //详细地址
postcode: "308945", //邮政编码
}
// address 默认为必填,detail 和 postcode 为选填

API

自定义校验的例子

<Field name="address">
<Validations>
<Validation @validator="addressValidator" />
</Validations>
</Field>
import _ from 'lodash'
addressValidator = (rule, value, callback) => {
if (!_.isEmpty(value)) {
const { detail, postcode } = value
if (detail && detail.length > 35) {
callback('详细地址长度不能超过35个字符')
} else if (!postcode) {
callback('邮政编码不能为空')
}
}
callback()
}
}

用法