0.0.3-beta.1 • Published 6 months ago
@imedx/ics-imedx-address-cascader v0.0.3-beta.1
@toc 版本更新说明
- 0.0.3-beta.0 1.详细地址是否必填 2.默认显示医院所在地（例如：省份等）
0.0.2 1.传值格式改变（增加detailAddress） 2.增加确定按钮 3.少数据多等级处理等
说明
这是一个地址组件
安装
npm i @imedx/ics-imedx-address-cascader # 安装包引入
import AddressCascaderApi from '@imedx/ics-imedx-address-cascader'
Vue.use(AddressCascaderApi)使用
<AddressCascaderApi
v-model="value1"
:clearable='clearable'
:level="level"
:detailed-address-required="detailedAddressRequired"
:detailed-address-hidden="detailedAddressHidden"
:show-hospital-in-address="showHospitalInAddress"
@change='changeHandler'/>属性
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| size | 尺寸 | String | mini/small/medium/large | medium |
| clearable | 是否可以清空选项 | boolean | - | false |
| disabled | 是否禁用 | boolean | - | false |
| level | 等级 | Number | - | 5 |
| detailedAddressRequired | 详细地址是否必填 | boolean | - | false |
| detailedAddressHidden | 详细地址是否隐藏 | boolean | - | false |
| showHospitalInAddress | 默认显示医院所在地（例如：省份等） | boolean | - | false |
数据格式
value1: { addressIdList: ['22', '05', '21', '109', '204'], // 地址数组
hospitalInAddress: ['22'], //默认显示医院所在省份(当没有回显数据时，即addressIdList:[])
detailedAddress: 'rrrr' // 详细地址
} 事件
| 事件名 | 说明 | 参数 |
|---|---|---|
| change | 选中值发生变化时触发 | ({addressIdList: [], addressNameList: [], addressId: "", addressName: ""}) |