uniapp 异步加载级联选择器（Cascader，data-picke）

 

目录

Props

事件方法

inputChange事件回调参数说明：

completeChange事件回调参数说明：

temList 属性Object参数说明

defaultItemList 属性Object参数说明

在template中使用

---

由于uniapp uni-ui的data-picke 不支持异步作者自己写了一个 插件市场下载使用

插件市场地址级联数据选择 data-picker 自定义多级选择 多级联动选择、 - DCloud 插件市场

 

Props

属性名	类型	说明	默认值
readonly	Boolean	只读 ｜false
border	Boolean	边框 ｜ true
clearIcon	Boolean	清除按钮 ｜ true
placeholder	String	默认提示 ｜请选择
popupTitle	String	弹窗标题 ｜请选择
itemList	Array	级联数据， 如果下一级是请求返回，则为第一级数据，否则为所有数据	[ ]
defaultItemList	Array	初始化默认选中数据，当一次性传入所有数据时，默认值可为字符串数组，如：['安徽省','阜阳市','颍上县']	[ ]
defaultKey	V1.7.2+ String	默认值字段key，可传值：text，value，仅当一次性传入所有数据时有效	text
headerLine	Boolean	是否显示header底部细线	true
headerBgColor	String	header背景颜色	#FFFFFF
tabsHeight	String	顶部标签栏高度	88rpx
text	String	默认显示文字	请选择
size	Number	tabs 文字大小	28
color	String	tabs 文字颜色	#555
activeColor	String	选中颜色	#5677fc
bold	Boolean	选中后文字加粗	true
showLine	Boolean	选中后是否显示底部线条	true
lineColor	String	线条颜色	#5677fc
checkMarkSize	Number	icon 大小	15
checkMarkColor	String	icon 颜色	#5677fc
imgWidth	String	item 图片宽度	40rpx
imgHeight	String	item 图片高度	40rpx
radius	String	图片圆角	50%
textColor	String	item text颜色	#333
textActiveColor	String	item text选中后颜色	#333
textBold	Boolean	选中后字体是否加粗	true
textSize	Number	item text字体大小	28
nowrap	Boolean	text 是否不换行	false
subTextColor	String	item subText颜色	#999
subTextSize	Number	item subText字体大小	24
padding	String	item padding	20rpx 30rpx
firstItemTop	String	占位高度，第一条数据距离顶部距离	20rpx
height	String	swiper 高度	300px
backgroundColor	String	item swiper 内容部分背景颜色	#FFFFFF
request	Boolean	子级数据是否请求返回（默认false，一次性返回所有数据）	false
receiveData	Array	子级数据（当有改变时，默认为当前选中项新增子级数据，request为true时生效）	[ ]
reset	[Number, String]	改变reset值则重置所有数据

事件方法

属性	类型	说明	返回值
popupopened	Events	弹框打开时触发
popupclosed	Events	弹框关闭时触发