vue checkbox 全选 数据的绑定及获取和计算方法

前端之家收集整理的这篇文章主要介绍了vue checkbox 全选 数据的绑定及获取和计算方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

html

第一个CheckBox

第二个

定义

BoxModel:[],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; } },

以上这篇vue checkBox 全选 数据的绑定及获取和计算方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Vue相关文章