Address Picker 地区联动选择器

Address Picker 地区联动选择器

使用指南

在 page.json 中引入组件

"usingComponents": {
  "w-address-picker": "wuss-weapp/w-address-picker/index",
}

视频演示

代码演示

<w-pane title="AddressPicker" desc="地区选择器" />
<w-pane desc="当前选择: {{ address }}" />
<w-cell-group>
  <w-address-picker
    label="正常使用"
    bind:onChange="handleChange"
  />
  <w-address-picker
    label="设置默认地址"
    bind:onChange="handleChange"
    defaultValue="{{ ['广东省','广州市','天河区'] }}"
  />
  <w-address-picker
    showCode
    label="传入地区Code值"
    label-span="5"
    bind:onChange="handleChange"
    defaultValue="{{ ['310000', '310100', '310115'] }}"
  />
</w-cell-group>

data: {
  address: '',
},
handleChange(e) {
  console.log(e)
  this.setData({ address: e.detail.value.join(' ','') })
},

API

Attribute 属性

属性	说明	类型	默认值
label	标签	string	请选择地址
labelSpan	标签所占宽度	number	3
defaultValue	初始化的默认值	array	[]
currentValue	设置当前激活的值	array	[]
showCode	返回的值是否是地址的code码	boolean	false
disabled	禁用	boolean	false
customItem	可为每一列的顶部添加一个自定义的项	string	-