赞
踩
当我们使用el-cascader组件时,有时后台返回的数据和我们组件对应的值不一样,很多人会选择把后台返回的值给循环遍历处理一遍,把值改成value、label、children,但是实际不必如果。通过props属性轻松配置,话不多说,直接上代码:
后台返回的数据:
[{
id: '1',
name: '指南',
child: [{
id: 'shejiyuanze',
name: '设计原则',
child: [{
id: 'yizhi',
name: '一致'
}]
}]
vue文件
<el-cascader
:options="cityList"
:props="{ value: 'id',label: 'name',children: 'child'}"
v-model="selectedOptions"
@change="handleChange">
</el-cascader>
本文转载:http://www.tianshan277.com/835.html
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。