更新记录
1.0.0(2022-05-12)
下载此版本
first commit
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
使用方法
<zhilin-area v-model="area" :option="option" col="3" :firstItems="[{label: '全国', value: 'zzz'}, {label: '全省', value: 'xxx'}]">
<button>picker</button>
</zhilin-area>
import option from '@/components/zhilin-area/area.js'
export default {
data() {
return {
option: [],
area: []
}
},
mounted() {
//示例树形结构,你自己的数据需要让后端返给你这种格式,或者自己格式化
this.option = option
},
watch: {
area(n) {
console.log(n)
}
}
}
属性说明
属性名 |
类型 |
必填 |
默认值 |
说明 |
v-model |
Array |
是 |
|
选择结果数组 |
options |
ObjectArray |
是 |
|
格式:参照area.js |
firstItems |
ObjectArray |
否 |
[] |
该数组每一项对应picker column第一项 ,格式:[{label: '全国', value: 'zzz'}, {label: '全省', value: 'xxx'}] |
col |
Number/String |
否 |
1 |
显示列数 |
事件说明
事件名 |
说明 |
返回值 |
change |
选中项发生改变时触发 |
接收当前选中项value,数组 |
confirm |
点击确定时触发 |
接收当前选中项value,数组 |