级联选择框组件el-cascader实现同一级的二级只能单选，但是一级可以多选

话不多说，上代码

<el-cascader
v-else
@change=“(e) => changeCascader(e, domain)”
:props=“{
lazy: true,
lazyLoad: lazyLoad,
multiple: true,
checkStrictly: true,
}”
v-model=“domain.person”
:options=“deptList”
:show-all-levels=“false”
>

lazyLoad(node, resolve) {
const { value } = node;
if (!value) return resolve([]);
自己的接口请求
agentSearch({ deptId: value })
.then((res) => {
// 需要修改
let d = res.data.data;

      const nodes = d.map((item) => {
          return {
            value: item.id,
            label: item.realName,
            leaf: true,
          };
        }) || [];
      resolve(nodes);
    })
    .catch((err) => {});
},

// 级联选择
changeCascader(e, domain) {
// 深拷贝已勾选项 ，不然无法翻转数据
let b = cloneDeep(e);
// 翻转数据，最后一次勾选放在前面
let aa = b.reverse();
/** 去重（准确说去掉已经勾选的项保留最后一个，）
* 利用的是对象添加 key - values 时的特性，
* 对象添加key 值时，只会添加第一次出现的值，如果这个 key 值已经存在，则不会添加，
* 利用这个特性，把数组作为对象的 key 值，
* 达到去重的目的
*/
let obj = {};
aa.forEach((item) => (obj[item[0]] = item));
aa = Object.values(obj);
// 赋值给绑定的数据，驱动UI更新勾选项
domain.person = aa;
},