Flask接口签名sign原理与实例代码浅析
234
2023-04-27
vue2.0中vue
由于工作的需要并鉴于网上的vue2.0中vue-cli实现全选、单选方案不合适,自己写了一个简单实用的。就短短的126行代码。
总价:{{totalMoney}}
export default{
data() {
return {
checked:[],
totalPrice:[],
lists : [
{
productName:'产品1',
price:'24',
count:'3',
id:1
},
{
productName:'产品2',
price:'25',
count:'6',
id:2
},
{
productName:'产品3',
price:'54',
count:'7',
id:3
}
]
}
},
computed:{
totalMoney:function(item,index){
let sum = 0;
for(let i=0;i sum += this.totalPrice[i]; }; return sum; }, checkAll: { get: function() { return this.checkedCount == this.lists.length; }, set: function(value){ var _this = this; if (value) { this.totalPrice = []; this.checked = this.lists.map(function(item) { item.checked = true; let total = item.price*item.count; _this.totalPrice.push(total); return item.id }) }else{ this.checked = []; this.totalPrice=[]; this.lists.forEach(function(item,index){ item.checked = false; }); } } }, checkedCount: { get: function() { return this.checked.length; } } }, methods:{ currClick:function(item,index){ var _this = this; if(typeof item.checked == 'undefined'){ this.$set(item,'checked',true); let total = item.price*item.count; this.totalPrice.push(total); console.log(this.totalPrice); }else{ item.checked = !item.checked; if(item.checked){ this.totalPrice = []; this.lists.forEach(function(item,index){ if(item.checked){ let total = item.price*item.count; _this.totalPrice.push(total); } }); }else{ this.totalPrice = []; this.lists.forEach(function(item,index){ if(item.checked){ let total = item.price*item.count; http:// _this.totalPrice.push(total); } }); } } } } } tr td{ width:200px; background: #eee; padding:10px 0; } 效果:
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~