<template>
<div id="app">
<el-cascader v-model="value" :options="list" :props="optionsProps">
</el-cascader>
</div>
</template>
修改props里面的值
data() {
return {
value: [],
date: 6666,
optionsProps: {
value: 'deptId',
label: "deptName",
children: 'children',
expandTrigger: 'hover'
},
list: [
{
deptId: 100,
parentId: 0,
deptName: "若依科技",
children: [
{
deptId: 101,
parentId: 100,
deptName: "深圳总公司",
children: [
{
deptId: 103,
parentId: 101,
deptName: "研发部门",
},
{
deptId: 104,
parentId: 101,
deptName: "市场部门",
},
]
},
{
deptId: 102,
parentId: 100,
deptName: "长沙分公司",
children: [
{
deptId: 108,
parentId: 102,
}
]
}
]
}
],
}
},
效果如图: