域名預訂/競價，好“米”不錯過

當我們使用el-cascader組件時，有時后臺返回的數(shù)據(jù)和我們組件對應的值不一樣，很多人會選擇把后臺返回的值給循環(huán)遍歷處理一遍，把值改成value、label、children，但是實際不必如果。通過props屬性輕松配置，話不多說，直接上代碼:

后臺返回的數(shù)據(jù)：

[{

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

申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！