當我們使用el-cascader組件時,有時后臺返回的數(shù)據(jù)和我們組件對應(yīng)的值不一樣,很多人會選擇把后臺返回的值給循環(huán)遍歷處理一遍,把值改成value、label、children,但是實際不必如果。通過props屬性輕松配置,話不多說,直接上代碼:
后臺返回的數(shù)據(jù):
[{
id: '1',
name: '指南',
child: [{
id: 'shejiyuanze',
name: '設(shè)計原則',
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
申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!