更新记录

1.0.0（2025-06-14） 下载此版本

初始上传

平台兼容性

uni-app

其他

dshhy-area-select

使用说明

可以直接下载示例代码，里面有完整的示例

1. pages.json 中配置 easycom

   {
   "easycom": {
   "^dshhy-(.*)": "dshhy-$1/components/dshhy-$1/dshhy-$1.vue"
   }
   }

2. 页面中引用

   
   // template
   <view>
   <dshhy-area-select :param="area_edit_1" @selectedBack="selectedBack"></dshhy-area-select>
   </view>

3. 注意事项
- 参见插件页面注释信息

# 字段说明
|  字段   | 释义  |
|  ----  | ----  |
| param  | 传入插件参数 |
|        | step:4, //区域层级数量，层级没有限制，只要 data 数据层级够匹配就行，必传 |
|        | place:'请选择省、市、区县、街道', //picker placeholder，默认值：请选择省、市、区县、街道，非必传 |
|        | rangeId:'id', //区域id字段名称，默认值：id，选传 |
|        | rangeKey:'title', //区域名称字段名称，默认值：title，选传 |
|        | rangeChildren:'children', //区域子集字段名称，默认值：children，选传 |
|        | selected:['北京市','北京市','平谷区','城区以外'], //初始默认选中，可使用 id 和 title 两种方式，用 title 方式时请确认记录数据和获取数据名称一致 |
|        | selected:[11000000,11010000,11010300,11010304], // id 方式 |
|        | data:[] //区域整体数据，参见示例static - area.json，示例使用的是四级数据，按应用情况自己定义，保持和 step 相同即可，以下是数据结构 |

# 事件说明
|  字段            | 释义  |
|  @selectedBack   | 将确认选中内容id集合和名称集合返回给父级页面 |