更新记录
1.0.3(2022-10-24) 下载此版本
内部使用
1.0.2(2022-02-23) 下载此版本
优化
1.0.1(2021-08-13) 下载此版本
1
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.1.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
region省市区三级联动选择器
基于原生picker改造而成的省市区选择器,内置json文件,可直接引用
平台差异说明
如无特殊说明,则全平台可用
组件使用注意事项
本组件符合easycom规范,HBuilderX 2.5.5
起,只需将本组件导入项目,在页面template
中即可直接使用,无需在页面中import
和注册components
。
使用方式
在 template
中使用组件
<uni-forms-item label="户籍地址" name="hobby2" :border="false">
<mftcc-region @change="change" title="请选择城市" :showDate="showDate" :value="value">
</mftcc-region>
</uni-forms-item>
data() {
return {
<!--showDate:[410000,410100,410105] -->
showDate: "河南省郑州市金水区"
<!-- showDate:"410105" -->
<!-- value:"410108" -->
value:[410000,410100,410105]
}
},
methods: {
change(e) {
console.log(e)
}
}
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
title | String | '请选择' | 默认的提示语,相当于placeholder |
showDate | String-Number-Array | '' | 页面加载时页面回显的数据 |
value | Number-Array | '' | 页面加载时选择器点开始默认的地址(注意:value不支持直接输入汉字) |
disabled | Boolean | false | 是否禁用 |
jsonPath | String | '' | 在线请求地址 |
jsonData | Array | '' | 自定义数据(注意,自定义数据要符合内置json的数据格式) |
@change | function | '' | 选择事件 |