麻烦会 Vue 的兄弟帮我看看这个怎么办

› Vue.js

This topic created in 2581 days ago, the information mentioned may be changed or developed.

<div id="app">
<li><input type="checkbox" v-model="total" value="1" /></li>
<li><input type="checkbox" v-model="total" value="2" /></li>
<li><input type="checkbox" v-model="total" value="2" /></li>
</div>

<script>
var app = new Vue({
el" '#app',
data: {
total: []
}
});
</script>

这样的写法是是当 value 相同的时候，它只认 1 个，也就是 total: ["1", "2"]
要怎么样才能全部取到值呀，万分感谢

5 replies • 2019-04-30 13:37:31 +08:00

xlcoder166

Apr 30, 2019

value 必须是唯一 1, 2, 3 你把任意一个“ 2 ”改为 3 试试

t2doo

Apr 30, 2019

@xlcoder166 我是想选中的时候计算物品价格的，得找其它方法了，谢谢啦

xlcoder166

Apr 30, 2019

你原始数据应该是对象吧提供个思路供你参考

绑定点击然后计算输出物品总价

randyo

Apr 30, 2019 via Android

你直接把整个对象绑定吧

cydysm

Apr 30, 2019

供参考
命名是 Vue 的 example
```
<div id="demo">
<input type="checkbox" id="jack" value="1" v-model="checkedNames">
<label for="jack">10</label>
<input type="checkbox" id="john" value="2" v-model="checkedNames">
<label for="john">10</label>
<input type="checkbox" id="mike" value="3" v-model="checkedNames">
<label for="mike">20</label>
<br>
<span>Checked names: {{ checkedNames }}</span>
<br/>
<span>total: {{ total }}</span>
</div>

<script>
var _init = new Vue({
el: '#demo',
data: {
checkedNames: [],
price: [10,10,30],
total: null,
},
watch:{
checkedNames(newValue) {
this.total = null;
newValue.forEach((value,index)=>{
this.total += this.price[index];
})
}
}
});
<script/>
```