當(dāng)我們使用el-cascader組件時(shí)，有時(shí)后臺(tái)返回的數(shù)據(jù)和我們組件對(duì)應(yīng)的值不一樣，很多人會(huì)選擇把后臺(tái)返回的值給循環(huán)遍歷處理一遍，把值改成value、label、children，但是實(shí)際不必如果。通過(guò)props屬性輕松配置，話(huà)不多說(shuō)，直接上代碼:
后臺(tái)返回的數(shù)據(jù)：
[{
id: '1',
name: '指南',
child: [{
id: 'shejiyuanze',
name: '設(shè)計(jì)原則',
child: [{
id: 'yizhi',
name: '一致'
}]
}]
vue文件
<el-cascader< p="">
:options="cityList"
:props="{ value: 'id',label: 'name',children: 'child'}"
v-model="selectedOptions"
@change="handleChange">
ok,是不是超級(jí)簡(jiǎn)單。如果看不懂的寶寶，你要細(xì)品。
文章來(lái)源：田珊珊個(gè)人博客
來(lái)源地址：http://www.tianshan277.com/835.html
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
