<template>
<el-cascader :options="orglist" placeholder="请选择" clearable style="height:32px"
:props="treeProps" @change="orglistchange" />
</template>
<script>
data() {
orglist:[],
//在这里, 将获得的字段, 设置为 组件需要的字段名对应
treeProps: {
checkStrictly: true, // 内容前面的圆点, 提供选中功能
value: 'id',
label: 'name',
children: 'childs'
},
}
methods: {
// 设置 选框的数组
this.orglist = res;
orglistchange(e) {
console.log(e)
// e是 选中的项, 对应的id; 是一个数组
},
}
</script>
elementui Cascader 级联选择器 自定义节点内容, 树形结构, 多级数据; 自定义返回字段
最新推荐文章于 2024-05-15 21:06:55 发布