element中el-cascader通过props自定义设置value、label、children

　 短视频，自媒体，达人种草一站服务

当我们使用el-cascader组件时，有时后台返回的数据和我们组件对应的值不一样，很多人会选择把后台返回的值给循环遍历处理一遍，把值改成value、label、children，但是实际不必如果。通过props属性轻松配置，话不多说，直接上代码:

后台返回的数据：

[{

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,是不是超级简单。如果看不懂的宝宝，你要细品。

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!