@[toc] 版本更新说明

• [ 2023/12/16 ] 初始化不请求接口 打开下拉框才请求接口【解决电子遍历请求接口耗时】

• [ 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: ""}) |