使用props设置value、label
<el-form-item label="部门" prop="departmentName">
<el-cascader
v-model="employeeForm.departmentName"
:options="depts"
:props="{label:'name',value:'name',checkStrictly:true}"
:show-all-levels="false"
@change="handleChange"
/>
</el-form-item>
| options | 可选项数据源，键名可通过 Props 属性配置 |
Props
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|
| expandTrigger | 次级菜单的展开方式 | string | click / hover | 'click' |
| multiple | 是否多选 | boolean | - | false |
| checkStrictly | 是否严格的遵守父子节点不互相关联 | boolean | - | false |
| emitPath | 在选中节点改变时，是否返回由该节点所在的各级菜单的值所组成的数组，若设置 false，则只返回该节点的值 | boolean | - | true |
| lazy | 是否动态加载子节点，需与 lazyLoad 方法结合使用 | boolean | - | false |
| lazyLoad | 加载动态数据的方法，仅在 lazy 为 true 时有效 | function(node, resolve)，node为当前点击的节点，resolve为数据加载完成的回调(必须调用) | - | - |
| value | 指定选项的值为选项对象的某个属性值 | string | — | 'value' |
| label | 指定选项标签为选项对象的某个属性值 | string | — | 'label' |
| children | 指定选项的子选项为选项对象的某个属性值 | string | — | 'children' |
| disabled | 指定选项的禁用为选项对象的某个属性值 | string | — | 'disabled' |
| leaf | 指定选项的叶子节点的标志位为选项对象的某个属性值 | string | — | 'leaf' |
其中 checkStrictly:默认为false，true是为了可以只选择第一级的内容