更新记录
1.0(2024-07-20) 下载此版本
上线省市区三级联动插件(一级-二级-三级)
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.8.0 | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
1.一个闲着无聊的前端开发人员小彬,给大家分享点实用干货。有兴趣欢迎点赞收藏。
2.有疑问联系QQ173-2755-058哦。
3.插件如果有帮助到你的,请给me一个小小的收藏,谢谢大家支持。
4.遇到bug欢迎大家在下面留言或私信我,我会积极更新优化出更好的产品给大家。
5.项目实例请查看 @/components/BinBin-picker/w-picker.vue
以下是插件使用方法:
参数 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
visible.sync | 显示与隐藏 | boolean | FALSE | TRUE |
mode | picer类型 | string | / | selector/shortTerm /region/range /half/time |
themeColor | 确认按钮样式 | string | #c49326 | / |
value | 默认选择地址 | Array | ["110000", "110100", "110101"] | / |
expand | 最近日期天数 | string/number | / | / |
columns | 单列选择数据 | {}Array | / | / |
@cancel | 点击取消 | / | / | / |
@confirm | 点击确认 | / | / | / |
<template>
<view class="content">
<bin-picker :visible.sync="show1" mode="selector" themeColor="#c49326" @changeStatus="changeStatus1"
:options="columns" @confirm="confirm1($event,'selector')" @cancel="cancel1" ref="selector"></bin-picker>
</view>
</template>
<script>
import binPicker from '@/components/BinBin-picker/w-picker.vue'
export default {
components: {
binPicker
},
data() {
return {
show1: false,
columns: [{
label: '中国',
value: 0,
id: 1
},
{
label: '美国',
value: 1,
id: 2
},
{
label: '俄国',
value: 2,
id: 3
}
]
}
},
onLoad() {
},
methods: {
confirm1(e) {
console.log(e, '第一个')
this.show1 = false
},
cancel1() {
this.show1 = false
},
changeStatus1(status) {
this.show1 = status
}
}
}
</script>
<style>
</style>