微信小程序实现地址选择组件

小程序官网关于picker的介绍

小程序官网提供了5中选择器，分别是：

普通选择器

多列选择器

时间选择器

日期选择器

省市区选择器

以下仅列举省市区选择器的用法：

index.wxml

index.js

多看文档，不然又要自己封装了。。。

参考文档：

https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

wxml

js

效果

普通选择器

多列选择器

时分秒（时间选择器）

年月日 日期选择器

省市选择器

传值问题：

微信小程序picker选择器传值

以最简单的普通选择器为例

wxml

js

wxss

array: ['工作', '放假', '加班', '调休'],对应的int值分别是0,1,2,3

在实际使用中

例子

微信小程序提交form表单内容

wxml

js

css

点击完成的时候，将所有填写的值传给后端

最近微信小程序要做一个地区选择器，但是uniapp多列选择器组件不是很好用，同事自己封装了一个，我就拿来记录一下

先在外部的components文件下新建一个mulpicker.vue文件

页面中就直接调用

---