element中el-cascader根据props自定设定value、label、c
  • 作者:admin
  • 发表时间:2020-11-06 07:50
  • 来源:未知

在我们应用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