小程序picker 三级联动选择

     <picker mode="multiSelector" style="width:100%;height: 100%;" bindchange="bindMultiPickerChangetype" bindcolumnchange="bindMultiPickerColumnChangetype" value="{{typeIndextwo}}" range="{{housetypeArry}}">
        <view class="picker">
          <!-- 当前选择：{{multiArray[0][multiIndex[0]]}}，{{multiArray[1][multiIndex[1]]}} -->
          <view class="picker_left">
                <view class="typed">
                  <view class="picker_title">请选择户型：</view>
                  <view  wx:if="{{ form.typethree ==! '' ? true : false }}" >
                    <span style="color:#AAAAAA;">{{onenametype == '' ? '请选择' : ''}}</span>
            
                    <text  wx:if="{{ onenametype !== '' ? true : false }}"> {{onenametype}}-{{twonametype}}-{{threenametype}}</text>
                  </view>
                  <view wx:else> {{form.housetype}}</view>
                </view>
              </view>
              <view class="picker_right">
                <i-icon type="enter" color="#AFAFAF" size="25" />
              </view>
        </view>
      </picker>

.picker {
  width: 100% !important;
  height: 90rpx !important;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 1rpx solid #D8D8D8;
}
.picker_left {
  width: calc(100% - 40rpx);
  height: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  /* padding-left: 40rpx; */
  box-sizing: border-box;
}
.picker_title {
  /* color: #B7B7B7; */
  color:#353535;
}片

 housetypeArry:[['一室','二室','三室','四室','五室','五室以上'],['一厅','二厅','三厅'],['一卫','二卫','三卫']],
  bindMultiPickerChangetype: function (e) {
    // console.log(e);
    // console.log('picker发送选择改变，携带值为', e.detail.value)
    if(e.detail.value[0]==0){
      let form = this.data.form;
      form.housetype = '一室'+'一厅'+'一卫';
      this.setData({
        onenametype:  '一室',
        twonametype: '一厅',
        threenametype: '一卫',
        form:form
      })
        }else{
    let one  =  this.data.onenametype
    let two  =  this.data.twonametype
    let three  =  this.data.threenametype
    let form = this.data.form;
    form.housetype = one+two+three;
    form.typethree = '1';
    this.setData({
      form: form
    })
  }
  },
  bindMultiPickerColumnChangetype: function (e) {
    // console.log('修改的列为', e.detail.column, '，值为', e.detail.value);

    if (e.detail.column==0){//第1列
      let onename = ''
 
        console.log('1',e.detail.value);
        if(e.detail.value == 0){
          onename = '一室'
        } else if(e.detail.value == 1){
          onename = '二室'
        }else if(e.detail.value == 2){
          onename = '三室'
        }else if(e.detail.value == 3){
          onename = '四室'
        }else if(e.detail.value == 4){
          onename = '五室'
        }else if(e.detail.value == 5){
          onename = '五室+'
        }
        this.setData({
          onenametype: onename
        })
      // };
 
    } else if(e.detail.column==1){
  
      // if (e.detail.value == 1) {
        console.log('2',e.detail.value);
        let twoname = ''
      
          console.log('1',e.detail.value);
          if(e.detail.value == 0){
            twoname = '一厅'
          } else if(e.detail.value == 1){
            twoname = '二厅'
          }else if(e.detail.value == 2){
            twoname = '三厅'
          }
        this.setData({
          twonametype: twoname
        })
      // };
    }  else if(e.detail.column==2){
      let threename = ''
    
        console.log('1',e.detail.value);
        if(e.detail.value == 0){
          threename = '一卫'
        } else if(e.detail.value == 1){
          threename = '二卫'
        }else if(e.detail.value == 2){
          threename = '三卫'
        }
      this.setData({
        threenametype: threename
      })
   
    }

  },