更新记录

1.2.0（2024-11-27） 下载此版本

支持加载自定义json，请参考文档

1.1.1（2024-11-20） 下载此版本

禁用组件默认输入框

1.1.0（2024-11-19） 下载此版本

新增支持vue2, 新增台湾省、香港特别行政区、澳门特别行政区

平台兼容性

功能介绍

• 多端支持 （小程序，h5, app）
• 多种双向绑定（区域编码，区域名称）
• 支持返回区域编码、区域名称
• 支持加载自定义地址json内容

使用方法

1. 点击右上角的 使用 HBuilder X 导入插件 按钮直接导入项目或点击 下载插件 ZIP 按钮下载插件包并解压到项目的 uni_modules 目录下

2. 在需要用到该组件的页面中添加

   <template>
     <sh-address @change="change" v-model="data"> </sh-address>
   </template>
   
   <script>
     export default {
        data() {
           return {
              data: ['四川省', '成都市', '青羊区']
           }
        }
        methods: {
           change(addressInfo) {
              console.log('选择了--->', addressInfo)
           }
        }
     }
   </script>

   <!-- 自定义加载json文件 -->
   <!-- 注意: 使用loadJson时 请注释源码中utils文件夹下的address.json文件 并删除源码中注释可删除的位置 以减小代码体积 -->
   <template>
     <sh-address :loadJson="loadAddress" @change="change" v-model="data"> </sh-address>
   </template>
   
   <script>
     export default {
        data() {
           return {
              data: ['四川省', '成都市', '青羊区']
           }
        }
        methods: {
           change(addressInfo) {
              console.log('选择了--->', addressInfo)
           },
           loadAddress() {
              // 模拟异步加载json数据
              return new Promise(resolve => {
                 setTimeout(() => {
                    resolve(address)
                 }, 4000);
              })
           }
        }
     }
   </script>

组件属性

AddressObj类型

事件