鍍金池/ 問答/HTML/ 在vue項(xiàng)目里怎么正確的在change事件里判斷input的checked狀態(tài)和

在vue項(xiàng)目里怎么正確的在change事件里判斷input的checked狀態(tài)和獲取所有checked狀態(tài)的input值?

有一個(gè)類似購物車的頁面,里面每個(gè)商品都有一個(gè)checkbox,value是商品的id,change的時(shí)候我需要計(jì)算商品的總價(jià),最后提交的時(shí)候我需要拿到所有被選中商品的id。

<input type="checkbox" v-model="item.state" :value="item.id" @change="count(item)">

我在change的時(shí)候通過item.state來判斷checked狀態(tài),那么我應(yīng)該怎么在提交的時(shí)候拿到全部checked狀態(tài)input的value,我搜索到的一些辦法都是input的v-model綁定一個(gè)數(shù)組,這個(gè)數(shù)組里就是選中狀態(tài)的value值,但是我用v-model來判斷選中狀態(tài)了,所以不知道該怎么去拿到這些值了,或者我可以通過別的辦法來計(jì)算商品的總價(jià)嗎?

官方文檔里的例子我也看了一下,但是看不明白到底該怎么弄,剛用vue沒多久,很多東西都不是很熟悉,希望有懂的可以告訴我應(yīng)該怎么處理這個(gè)問題。謝謝~

回答
編輯回答
貓小柒

首先 始終記住 是操作數(shù)據(jù) 購物車結(jié)算 點(diǎn)擊后 改變checked狀態(tài) 在computed 里 用filter方法過濾出被選中的item 價(jià)格計(jì)算 邏輯也在里面 無非就是遍歷數(shù)據(jù) 迭代

2017年6月12日 07:02