级联选择器
级联选择器数据源为对象时使用方法
首先,后端给前端返回的是对象形式:

官方文档中的实例都是特定数组,这里只需要将对象写进:options,然后在指定:props属性中的id和value就可以了:
<!-- 级联选择器 注意,这里需要设置的属性"props"都放在data中了-->
<el-cascader ref="cascader"
:options="subjectOneList"
:props="props" clearable />
:props中指定的属性如下:对应更多属性可以看官方文档
props: {
expandTrigger: 'hover',
value: 'id',
label: 'title',
}
效果图如下:

本文档详细介绍了如何在前端使用级联选择器时处理后端返回的对象数据源。通过设置`props`属性,如`value: 'id'`和`label: 'title'`,可以正确映射对象的属性。示例代码展示了如何在Vue中配置级联选择器,并提供了实际效果截图。
3454

被折叠的 条评论
为什么被折叠?



