这次给大家带来vue+checkbox怎样操作数据绑定及获取与计算，vue+checkbox操作数据绑定及获取与计算的注意事项有哪些，下面就是实战案例，一起来看一下。
html
<input type='checkbox' v-model='checkboxmodel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll">
第一个checkbox
<span><input type='checkbox' v-model='checked' v-on:click='checkedall'><span class="select-all">全选</span></span>
第二个
定义
return {  dianji:'12',  list: [],  value:{},  value1:{},  checkall: false,  checkarr:[],  checkboxmodel:[],  wodeshi:'0',  checked:false } lll: function(){  var self = this;  var sum=0;  settimeout(function(){  for(var x in self.checkboxmodel){  sum += parseint(self.checkboxmodel[x].split('-')[1])  }  self.wodeshi=sum;  },0)  // console.log(self.checkboxmodel) }, checkedall: function() {  var _this = this;  if (this.checked) {//实现反选  _this.checkboxmodel = [];  }else{//实现全选  _this.checkboxmodel = [];  _this.list.foreach(function(z) {  _this.checkboxmodel.push(z.coach_id+'-'+z.amount);  });  }  if(_this.checkboxmodel.length==0){  this.wodeshi=0;  // console.log(_this.checkboxmodel);  }else {  var self =this;  var sum =0;  for(var x in self.checkboxmodel){  sum += parseint(self.checkboxmodel[x].split('-')[1])  }  self.wodeshi=sum;  } },
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
nodejs怎么实现websocket功能
nodejs连接mysql有哪些方法
以上就是vue+checkbox怎样操作数据绑定及获取与计算的详细内容。