目录

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];
},

传值结果为:

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐