最近在寫(xiě)一個(gè)Vue的項(xiàng)目憎瘸，在此項(xiàng)目中遇到了個(gè)很狗血的問(wèn)題头遭，在選擇商品的時(shí)候選擇商品的規(guī)格。規(guī)格這個(gè)東西我還是挺了解的叠荠，但是這個(gè)規(guī)格的數(shù)據(jù)讓我頭疼了好久。一路磕磕碰碰寫(xiě)出來(lái)了一個(gè)方法扫责，數(shù)據(jù)結(jié)構(gòu)是這樣的榛鼎。
這只是最平常的數(shù)據(jù)結(jié)構(gòu)
這條數(shù)據(jù)里有兩條對(duì)象，一條是尺寸鳖孤，一個(gè)是顏色者娱。有些商品會(huì)有更多的規(guī)格，就代表有更多對(duì)象苏揣。
這是規(guī)格的數(shù)據(jù)黄鳍，下面的規(guī)格也是這樣的。要寫(xiě)一個(gè)完美的方法平匈，可以適應(yīng)所以的商品選擇規(guī)格框沟，并不能只針對(duì)這個(gè)商品選擇規(guī)格。
使用for in 循環(huán)
這里循環(huán)的是規(guī)格的條數(shù)吐葱，使用一個(gè)對(duì)象接收街望，鍵是商品的規(guī)格數(shù)，比如一個(gè)這個(gè)商品有尺寸弟跑，顏色灾前，加絨.....，這條對(duì)象就會(huì)有多少個(gè)孟辑。這樣就解決了商品有多少規(guī)格的問(wèn)題哎甲，我覺(jué)得這點(diǎn)很好理解。
這里就直接使用v-for渲染數(shù)據(jù)炭玫，使用了兩層循環(huán)，選擇商品規(guī)格的時(shí)候加上點(diǎn)擊事件貌虾。點(diǎn)擊商品規(guī)格的時(shí)候請(qǐng)求商品的價(jià)錢(qián)吞加，去某寶，某東選擇商品規(guī)格的時(shí)候也是這樣的根據(jù)不同的規(guī)格顯示不同的價(jià)格。點(diǎn)擊事件傳下標(biāo)衔憨，event對(duì)象叶圃，點(diǎn)擊的規(guī)格。
循環(huán)數(shù)據(jù)有過(guò)失規(guī)格践图，用來(lái)接收點(diǎn)擊的規(guī)格掺冠，是不是很完美。別只看码党，這是種思想德崭，模仿一下試試。
