小程序实现三级联动

小程序其实实现三级联动很简单，直接使用官方文档提供的表单组件picker即可
传送门

---

觉个例子
先上效果

<view class="item">
    <view class="des">生日</view>
    <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="getDate">
      <view class="picker">{{date}}</view>
    </picker>
  </view>
  <view class="item">
    <view class="des">地址</view>
    <picker mode="region" bindchange="getRegion" value="{{region}}" custom-item="{{customItem}}">
      <view class="picker">
          {{region[0] || '暂无'}}，{{region[1] || '暂无'}}，{{region[2] || '暂无'}}
      </view>
    </picker>
  </view>

Page({
  data: {
    date: '2000-01-01',
    region: ['陕西省', '西安市', '长安区'],
    username: 'test',
  },
  
  getDate(e) {
    this.setData({
      date: e.detail.value
    })
  },
  getRegion(e) {
    this.setData({
      region: e.detail.value
    })
  }
})