在我们应用el-cascader部件时，有时候后台管理回到的数据信息和大家部件相匹配的值不一样，很多人会挑选把后台管理回到的值给循环系统解析xml解决一遍，把值改为value、label、children，可是具体无须假如。根据props特性轻轻松松配备，话不多说，立即上编码:

唐山seo企业后台管理回到的数据信息：

[{

id: '1',

name: '手册',

child: [{

id: 'shejiyuanze',

name: '设计原理',

child: [{

id: 'yizhi',

name: '一致'

}]

}]

vue文档

<el-cascader< p="">

:options="cityList"

:props="{ value: 'id',label: 'name',children: 'child'}"

v-model="selectedOptions"

@change="handleChange">

ok,是否超级简单。假如不明白的小宝宝，你需要细细品味。

文章内容来源于：田珊珊个人网站

来源于详细地址：http://www.tianshan277.com/835.html