联动选择下拉框a-select涉及的问题

项目场景：

问题：三个a-select中，虽然是分开的，但是还是要有依赖，后一个的选择依赖于前一个的选择。在初始化获取数据的时候，能够获取到一个tree型结构的数组。每一个对应得到选择的值里面有第二个下拉框的所有内容，第二个对应的值中有第三个下拉框的所有值

---

问题描述

描述项目中遇到的问题：根据第一个下拉框的选择的值，第二个下拉框的值是在第一个选择之后才出来，并且第一个重新选择的时候，第二个要被清空，不然数据不对照

---

解决方案：

解决：1.第一个下拉框的值，初始化的时候获取到并显示出来。
2.点击第一个下拉框时，根据字典code，找到对应的全部数据中的那一条，然后赋值给第二个下拉框。
3.再点击第一个下拉框的时候，删除第二个下拉框的数据，保持清空状态。

onChange(val) {
      // console.log( val)
      //删除第二个下拉框的赋值，避免数据节点下没有该数据，数据不对照问题
      delete this.form.house
      this.storageList.forEach((item) => {
        if (item.storageCode == val) {
          this.storageHouseTreeVOList = item.storageHouseTreeVOList
        }
      })
    }