实现微信小程序中的多级联动选择器效果

<view class="container">
   <picker mode="selector" range="{{pickerData.firstArray}}" bindchange="handleFirstChange">
     <view>{{pickerData.firstArray[pickerData.firstIndex]}}</view>
   </picker>
   <picker mode="selector" range="{{pickerData.secondArray}}" bindchange="handleSecondChange">
     <view>{{pickerData.secondArray[pickerData.secondIndex]}}</view>
   </picker>
   <picker mode="selector" range="{{pickerData.thirdArray}}" bindchange="handleThirdChange">
     <view>{{pickerData.thirdArray[pickerData.thirdIndex]}}</view>
   </picker>
</view>

Page({
   data: {
      pickerData: {
         firstArray: ["选项一", "选项二", "选项三"],
         secondArray: ["选项A", "选项B", "选项C"],
         thirdArray: ["选项甲", "选项乙", "选项丙"]
      },
      firstIndex: 0,
      secondIndex: 0,
      thirdIndex: 0
   },
   handleFirstChange: function(e) {
      this.setData({
         firstIndex: e.detail.value
      })
   },
   handleSecondChange: function(e) {
      this.setData({
         secondIndex: e.detail.value
      })
   },
   handleThirdChange: function(e) {
      this.setData({
         thirdIndex: e.detail.value
      })
   }
})

Page({
   data: {
      pickerData: {
         firstArray: ["选项一", "选项二", "选项三"],
         secondArray: [],
         thirdArray: []
      },
      firstIndex: 0,
      secondIndex: 0,
      thirdIndex: 0
   },
   handleFirstChange: function(e) {
      var firstIndex = e.detail.value;
      var firstArray = this.data.pickerData.firstArray;
      var secondArray = this.getSecondArray(firstIndex);
         
      this.setData({
         firstIndex: firstIndex,
         secondArray: secondArray,
         secondIndex: 0,
         thirdArray: [],
         thirdIndex: 0,
      })
   },
   handleSecondChange: function(e) {
      var secondIndex = e.detail.value;
      var firstIndex = this.data.firstIndex;
      var secondArray = this.data.pickerData.secondArray;
      var thirdArray = this.getThirdArray(firstIndex, secondIndex);
      
      this.setData({
         secondIndex: secondIndex,
         thirdArray: thirdArray,
         thirdIndex: 0
      })
   },
   handleThirdChange: function(e) {
      var thirdIndex = e.detail.value;
      this.setData({
         thirdIndex: thirdIndex
      })
   },
   getSecondArray: function(firstIndex) {
      // 根据firstIndex获取对应的secondArray
      // 示例代码省略
   },
   getThirdArray: function(firstIndex, secondIndex) {
      // 根据firstIndex和secondIndex获取对应的thirdArray
      // 示例代码省略
   }
})