element-cascader多选级联选择器,取值取最后一级的数据
·
目录
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];
},
传值结果为:
更多推荐
已为社区贡献1条内容
所有评论(0)