vue联级选择器拆分三个下拉框

// 挂载钩子
mounted() {
	// 遍历一级数据
    lingdangAddressPicker.forEach(i=>{
    // 追加数据
      this.shengselect.push({
        value: i.id,
        label: i.name
      })
    })
  }
// 省监听
//第一个下拉框监听事件
    shengbtn(vla){
    // 进来每次清空
      this.shiselect=[]
      // 循环所有联级选择器数据
      lingdangAddressPicker.forEach(i=>{
      // 选中的值对比,对比数据中所匹配的值
        if(vla===i.name){
        // 判断二级是否有数组
          if(i.children){
          // 循环二级数组
            i.children.forEach(shi=>{
            // 追加数据
              this.shiselect.push({
                value:shi.id,
                label:shi.name
              })
            })
          }
        }
      })
    },
    // 市监听
    shibtn(val){
    // 进来每次清空
      this.quselect=[]
      // 循环所有联级选择器数据
      lingdangAddressPicker.forEach(i=>{
      // 遍历二级数据
          i.children.forEach(shi=>{
          // 选中的值对比,对比数据中所匹配的值
            if(shi.name == val){
            // 判断有没有数组
              if(shi.children){
              // 遍历三级数据
                shi.children.forEach(qu=>{
                // 追加数据
                  this.quselect.push({
                    value:qu.id,
                    label:qu.name
                  })
                })
              }
            }
          })
      })
    },