微信小程序-自定义三级联动

不像省市区可以直接使用小程序的组件，这边自己定义一个城市-维修站-人员的三级联动效果。

运用picker组件，设置mode 的合法值为multiSelector（多列选择器）；

其中range是一个二维数组，只要按二维数组格式[[],[],[]]填入数据即可。

    <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{
  
  {multiIndex}}" range="{
  
  {multiArray}}">
    <view class="picker">
      {
  
  {multiArray[0][multiIndex[0]]}}，{
  
  {multiArray[1][multiIndex[1]]}}，{
  
  {multiArray[2][multiIndex[2]]}}
    </view>

在data中初始数据：

data:{
    city: '',//存放地区
    station: '',//存放维修站
    perList:'',// 存放维修人员
    multiArray: [[], [], []],
    multiIndex: [0, 0, 0],
}

onLoad中加载数据：正常是后台请求数据，这边就直接定义数据格式了。请求的数据按照这个格式填充就可以了。