介绍 & lt; input type=& # 39;复选框# 39;,v模型=& # 39;checkboxModel& # 39;,: value=https://www.yisu.com/zixun/' z.coach_id +“-”+ z.amount”: i=癲ianji @click=拔⒐狻? & lt; span> & lt; input type=& # 39;复选框# 39;,v模型=& # 39;检查# 39;,v:点击=& # 39;checkedAll& # 39;祝辞& lt; span 类=皊elect-all"在全选& lt;/span> & lt;/span> return {
,dianji: & # 39; 12 & # 39;
,名单:[],
,价值:{},
,value1: {},
,checkAll:假的,
,checkArr: [],
,checkboxModel: [],
,wodeshi: & # 39; 0 & # 39;
检查:假的
}
微光:函数(){=,var self ;
,var 金额=0;
,setTimeout(函数(){
,(var x self.checkboxModel拷贝){
+=,sum 方法(self.checkboxModel [x] .split (& # 39; & # 39;) [1])
,}
,self.wodeshi=总和;
,},0)
,//console.log (self.checkboxModel)
},
checkedAll:函数(),{=,var _this ;
,if (this.checked),{//实现反?,_this.checkboxModel [];
,其他}{//实现全?,_this.checkboxModel [];
,_this.list.forEach(函数(z), {
,_this.checkboxModel.push (z.coach_id + & # 39; & # 39; + z.amount);
,});
,}
,如果(_this.checkboxModel.length==0) {
,this.wodeshi=0;
,//console.log (_this.checkboxModel);
,}else {
,var self =;
,var sum =0;
,(var x self.checkboxModel拷贝){
+=,sum 方法(self.checkboxModel [x] .split (& # 39; & # 39;) [1])
,}
,self.wodeshi=总和;
,}
}, vue的优点
小编给大家分享一下vue中如何获全取复选框选数据,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!
<强> html
<强>第一个复选框
<强>第二个
<强>定义
vue具体轻量级框架,简单易学,双向数据绑定,组件化,数据和结构的分离,虚拟DOM,运行速度快等优势,vue中页面使用的是局部刷新,不用每次跳转页面都要请求所有数据和DOM,可以大大提升访问速度和用户体验。
看完了这篇文章,相信你对“vue中如何获全取复选框选数据”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
