當(dāng)前位置:首頁 >  站長 >  編程技術(shù) >  正文

element中el-cascader通過props自定義設(shè)置value、label、children

 2020-11-05 14:14  來源: 田珊珊個人博客   我來投稿 撤稿糾錯

  域名預(yù)訂/競價,好“米”不錯過

當(dāng)我們使用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,是不是超級簡單。如果看不懂的寶寶,你要細(xì)品。

文章來源:田珊珊個人博客

來源地址:http://www.tianshan277.com/835.html

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

相關(guān)文章

熱門排行

信息推薦