@[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'],
detailedAddress: 'rrrr'
}
事件
事件名 | 说明 | 参数 |
---|
change | 选中值发生变化时触发 | ({addressIdList: [], addressNameList: [], addressId: "", addressName: ""}) |