<el-cascader
style="width: 100%"
clearable
class="selectWidth"
ref="cascaderRef"
v-model="OrganizatioChooseList"
//数据
:options="standardDocOrganizationData"
:props="cascader"
multiple
@change="OrganizatioChoose"
></el-cascader>
data{
return{
OrganizatioChooseList:[],
value :'',
, //改变label
cascader: {
value: "id",
label: "label",
multiple: true,
checkStrictly: true,
},
}},
methods: {
OrganizatioChoose(val) {
this.$nextTick(() => {
//获取选中的node
const checkList = this.$refs.cascaderRef
? this.$refs.cascaderRef.getCheckedNodes()
: [];
//转换成"1;2;3" 后端需要的数据
this.value = checkList.length > 0 ? checkList.map((x) => x.data.id).join(";") : ""
});
},
}
element ui Cascader 级联选择器 多选获得选中的id
最新推荐文章于 2025-04-21 10:16:20 发布