element-ui 两个el-select关联 事件触发一级el-select 还原清空二级el-select问题_elementui中两个select联动清除第一个下拉框第二个也会被清除

<!-- 一级分类-->
<el-form-item label="一级分类" prop="a">
           <el-select v-model="form.first_cateid" placeholder="请选择" @change="handleChange">
             <el-option
               v-for="item of categoryList" :key="item.id"
               :value="item.id" :label="item.catename" ></el-option>
           </el-select>
         </el-form-item>
<!--  二级菜单-->
         <el-form-item label="二级分类" prop="b">
           <el-select v-model="form.second_cateid" placeholder="请选择">
             <el-option
               v-for="item of categoryList2" :key="item.id"
               :value="item.id" :label="item.catename" ></el-option>
           </el-select>
         </el-form-item>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

当一级改变时 触发change事件

//选中分类一时
      handleChange(ids) {
      //清空二级的内容 
        delete this.form.second_cateid
      }
1
2
3
4
5

最终效果