el-cascader使用props设置value、label、children

我们用el-cascader时候element官网给的数据是如图

我们的数据是这样的

下面就来交大家怎么修改

我们修改之前要先了解props属性的使用
前端代码：

<el-cascader
    :options="cityList" //你获取到的数据
    :props="optionProps"//看下面代码
    v-model="selectedOptions"
    @change="handleChange">
</el-cascader>

optionProps: {
        checkStrictly: true,
        value: "areaId",
        label: "areaName",
        children: "children"
      },

这样数据就可以按照后端返回的样式显示了