element-cascader多选级联选择器，取值取最后一级的数据

目录

1.需求

2.问题

3.解决方法

1.需求

某个字段是级联选择器，如果只勾选了一级，就取一级；如果同时勾选了一级和二级，那结果只取二级；如果同时勾选了一级、二级和三级，那结果只取三级

结果传到后台的值为：["养殖区","鸡棚","E5001"]

预期的结果应该为:["E5001"]

先贴代码：

<el-form-item label="{:__('基地土地编号')}" prop="base_id">
      <el-cascader :options="baseOptions" v-model="animalDetail.base_id" :show-all-levels="false"></el-cascader>
</el-form-item>

2.问题

如图：选中的值为三级id

3.解决方法

增加change事件方法，处理选中的value值

贴代码：

<el-form-item label="{:__('基地土地编号')}" prop="base_id">
      <el-cascader :options="baseOptions" v-model="animalDetail.base_id" @change="handleBaseValue" :show-all-levels="false"></el-cascader>
</el-form-item>

handleBaseValue(val){
      this.animalDetail.base_id = val[val.length - 1];
},

传值结果为：