Skip to content

微信小程序 自定义组件 三级联动 多列选择器 自关联 对象数组 ObjectArray

License

Notifications You must be signed in to change notification settings

layasntx/WxAddressPicker

Repository files navigation

WxAddressPicker

微信小程序 自定义组件 三级联动 多列选择器 自关联 对象数组 ObjectArray

使用方法

在 Page.json 注册组件

{
  "usingComponents": {
    "address-picker": "/component/address-picker/address-picker"
  }
}

在 Page 布局中引用组件

<address-picker my-class="Red" ids="{{ids}}" bind:onChange="onChange" bind:onColumnChange="onColumnChange">
  <text slot="content">你的地址是:</text>
</address-picker>

通过 my-class 修改 picker 样式

slot="content" 在 picker 之前插入文字或其他内容

数据源直接放在组件 data 的 allDatas 中,也支持通过属性 dataset 导入

通过 ids 指定 默认选项

data: {
  ids: [5, 220, 1896]
},

About

微信小程序 自定义组件 三级联动 多列选择器 自关联 对象数组 ObjectArray

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published