vue+elementUI级联选择器使用

级联选择器数据源为对象时使用方法

首先,后端给前端返回的是对象形式:

官方文档中的实例都是特定数组,这里只需要将对象写进:options,然后在指定:props属性中的id和value就可以了:

<!-- 级联选择器  注意,这里需要设置的属性"props"都放在data中了-->
<el-cascader ref="cascader" 
   :options="subjectOneList" 
   :props="props" clearable />

:props中指定的属性如下:对应更多属性可以看官方文档

props: {
        expandTrigger: 'hover',
        value: 'id',
        label: 'title',
      }

效果图如下: