使用element ui的el-select级联下拉时，清空选项其他下拉框受到影响，怎么解决？

Question

1、在使用el-select时，级联下拉框，当把一个选项清空后，其他下拉框的数据发生改变，
都变为第一个框的数据
2、

`        <template>            
            <el-select v-model="formInline.provinceId" size="small" clearable placeholder="全部省级行政区" @change="(value) => changeHandler(value, 1)" @clear="clearOption(1)">
              <el-option
                v-for="item in provinceOpts"
                :key="item.deptCode"
                :label="item.deptName"
                :value="item.deptCode">
              </el-option>
            </el-select>
          </template>
          <template>
            <el-select v-model="formInline.cityId" size="small" clearable placeholder="全部市级行政区" @change="(value) => changeHandler(value, 2)" @clear="clearOption(2)">
              <el-option
                v-for="item in cityOpts"
                :key="item.deptCode"
                :label="item.deptName"
                :value="item.deptCode">
              </el-option>
            </el-select>
          </template>
          <template>
            <el-select v-model="formInline.countyId" size="small"  clearable placeholder="全部区县级行政区" @change="(value) => changeHandler(value, 3)">
              <el-option
                v-for="item in countyOpts"
                :key="item.deptCode"
                :label="item.deptName"
                :value="item.deptCode">
              </el-option>
            </el-select>
          </template>`
          

3、会出现这样的问题
正常情况：

错误：

当把市级行政区的数据清空，下一级的数据选项的值出现问题，变为省级区域的数据
不清空某个选项时，数据一切正常

4、自己解决方式
在下拉框清空的时候触发事件清空下一级下拉框的数据，但最终数据还是变为原来第一级的数据