首頁猿問 vue問題 v-for...

vue問題 v-for 循環(huán)數(shù)組為對(duì)象的情況，布局循環(huán)問題

JavaScript

慕勒3428872 2019-07-28 12:10:30

"type":[{"type":"Size","value":"S","img":"","id":"4501","lableType":"size","sell":"1"},{"type":"Size","value":"M","img":"","id":"4502","lableType":"size","sell":"1"},{"type":"Colour","value":"yellow","img":"https://importcsvimg/img/44258315333/3516559649_1466341984.60x60.jpg","id":"32161","lableType":"colour","sell":"1"},{"type":"Colour","value":"orange","img":"https:///importcsvimg/img/44258315333/3500546624_1466341984.60x60.jpg","id":"32162","lableType":"colour","sell":"1"}]這個(gè)數(shù)數(shù)據(jù)，比如有size分類，colour分類，也許還有別的分類，如何使用v-for寫出Size:smlxlcolour:........這樣的格式呢？因?yàn)檫@個(gè)數(shù)據(jù)的類型太多，我總不能一一列出v-if...=size=colour之類的，所以不知道怎么寫求助啊

查看完整描述

2 回答

FFIVE

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超6個(gè)贊

Hi,jxnx888看了描述，我理解的你意思應(yīng)該是，服務(wù)端返回的數(shù)據(jù)格式，要根據(jù)type進(jìn)行分類，其實(shí)理論上，應(yīng)該由后端開發(fā)處理成為類似如下格式：{Size:[{...}],Colour:[{...}],}但是如果后端開發(fā)不幫你處理怎么辦呢？我只說說我的想法：constsize=data.filter(({type})=>type==='Size');constcolour=data.filter(({type})=>type==='Colour');然后再分別遍歷？但是這樣又會(huì)很浪費(fèi)如果現(xiàn)在已經(jīng)引入了lodash這個(gè)庫的話，可以考慮使用groupBy進(jìn)行處理，得到我最開始描述的數(shù)據(jù)格式當(dāng)然最好還是讓后端處理。希望可以幫到你！

反對(duì) 回復(fù) 2019-07-28

智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

樣式我就直接內(nèi)聯(lián)了，你可以寫成class{{idx==0?'Size':''}}
{{item.value}}
{{idx==0?'Colour':''}}
{{item.type}}

反對(duì) 回復(fù) 2019-07-28

2 回答
0 關(guān)注
745 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

vue問題 v-for 循環(huán)數(shù)組為對(duì)象的情況， 布局循環(huán)問題

vue問題 v-for 循環(huán)數(shù)組為對(duì)象的情況， 布局循環(huán)問題

2 回答

添加回答

vue問題 v-for 循環(huán)數(shù)組為對(duì)象的情況，布局循環(huán)問題

vue問題 v-for 循環(huán)數(shù)組為對(duì)象的情況，布局循環(huán)問題