更新记录
2.0(2024-04-08) 下载此版本
加入了初始默认选中的数据,checked参数可选可不选,视开发而定,用来设置默认选中数据的。
1.1(2024-04-08) 下载此版本
比插件市场里现有插件更简洁,我实在受不了市场里一堆的代码,看的都麻了。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.6.11 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
插件使用方式:
checked参数可选可不选,视开发而定,用来设置默认选中数据的。
完整代码
<template>
<view class="">
<pcd :datalists="pcdArr" @change="mychange" :checked="mydefault"></pcd>
</view>
</template>
<script>
import pcd from "@/components/provinces-cities-districts"
export default {
components: {
pcd
},
data() {
return {
mydefault:['2','222','2223'],
pcdArr:[
{
label:'北京市',
value:'1',
children:[
{
label:'北京市',
value:'111',
children:[
{
label:'东城区',
value:'1111',
},
{
label:'西城区',
value:'1112',
}
]
}
]
},
{
label:'江苏省',
value:'2',
children:[
{
label:'苏州市',
value:'222',
children:[
{
label:'相城区',
value:'2222',
},
{
label:'常熟市',
value:'2223',
}
]
},
{
label:'无锡市',
value:'223',
children:[
{
label:'锡山区',
value:'2232',
},
{
label:'江阴市',
value:'2233',
}
]
}
]
}
]
}
},
methods: {
mychange(arr){
console.log(arr)
}
}
}
</script>
<style lang="scss" scoped>
</style>