在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

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

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

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

回答
編輯回答
貓小柒

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

2017年6月12日 07:02