在vue项目里怎么正确的在change事件里判断input的checked状态和获取所有checked状态的input值？

Question

有一个类似购物车的页面，里面每个商品都有一个checkbox，value是商品的id，change的时候我需要计算商品的总价，最后提交的时候我需要拿到所有被选中商品的id。

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

我在change的时候通过item.state来判断checked状态，那么我应该怎么在提交的时候拿到全部checked状态input的value，我搜索到的一些办法都是input的v-model绑定一个数组，这个数组里就是选中状态的value值，但是我用v-model来判断选中状态了，所以不知道该怎么去拿到这些值了，或者我可以通过别的办法来计算商品的总价吗？

官方文档里的例子我也看了一下，但是看不明白到底该怎么弄，刚用vue没多久，很多东西都不是很熟悉，希望有懂的可以告诉我应该怎么处理这个问题。谢谢～

Answer 1

首先 始终记住 是操作数据 购物车结算 点击后 改变checked状态 在computed 里 用filter方法过滤出被选中的item 价格计算 逻辑也在里面 无非就是遍历数据 迭代