更新记录

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

禁用组件默认输入框

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

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

1.0.0（2024-01-10） 下载此版本

三级联动地区选择器

平台兼容性

功能介绍

• 多端支持 （小程序，h5, app）
• 多种双向绑定（区域编码，区域名称）
• 支持返回区域编码、区域名称

使用方法

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

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

   <sh-address @change="change"> {{
          addressInfo
            ? `用户选择了:${addressInfo.province}-${addressInfo.city}-${addressInfo.area}`
            : "点此选择区域"
        }}
   </sh-address>

   export default {
   data() {
       return {
           addressInfo: {}
       }
   }
   methods: {
       change(address) {
           this.addressInfo = address
       }
   }
   }

组件属性

事件