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

vue問題 v-for 循環數組為對象的情況，布局循環問題

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"}]這個數數據，比如有size分類，colour分類，也許還有別的分類，如何使用v-for寫出Size:smlxlcolour:........這樣的格式呢？因為這個數據的類型太多，我總不能一一列出v-if...=size=colour之類的，所以不知道怎么寫求助啊

查看完整描述

2 回答

FFIVE

TA貢獻1797條經驗獲得超6個贊

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

反對回復 2019-07-28

智慧大石

TA貢獻1946條經驗獲得超3個贊

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

反對回復 2019-07-28

2 回答
0 關注
761 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

vue問題 v-for 循環數組為對象的情況， 布局循環問題

vue問題 v-for 循環數組為對象的情況， 布局循環問題

2 回答

添加回答

vue問題 v-for 循環數組為對象的情況，布局循環問題

vue問題 v-for 循環數組為對象的情況，布局循環問題