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