为了账号安全,请及时绑定邮箱和手机立即绑定

单选按钮全部选择完了以后,全选按钮对应选择

http://img1.sycdn.imooc.com//5a04021e000181dd07490460.jpg

难道是我写的有问题吗?我单选按钮全部选择完了以后,全选按钮对应选择。这个功能还是有bug啊(参照评论里面点赞很多的杨少峰)


正在回答

4 回答

selectedProduct: function(item){
   if(typeof item.checked == 'undefined'){
    Vue.set(item,"checked",true);
   }else{
    item.checked = !item.checked;
   }
   var isAllChecked = this.productList.every((item)=>{
   return item.checked === true;
   });
   this.checkAllFlag = isAllChecked ? true : false;
  }

0 回复 有任何疑惑可以回复我~

点击最后一个选中,全选也选中,按我理解应该是循环的问题,在循环前checked都是false的 循环到最后一个后都被设置成了true,所以点击最后一个就会全选http://img1.sycdn.imooc.com//5aabdffc000115c609500872.jpg

0 回复 有任何疑惑可以回复我~

上面改成这样http://img1.sycdn.imooc.com//5a0517ee0001993f07770428.jpg

0 回复 有任何疑惑可以回复我~
#1

慕娘2848535

我写的照你的方法为什么还是不行呢
2018-10-22 回复 有任何疑惑可以回复我~

自己倒腾了个解决办法。大家看看行不行,亲测是可以的http://img1.sycdn.imooc.com//5a04149200016f2007620443.jpg

我四不四写复杂了 233

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
使用vue2.0实现购物车和地址选配功能
  • 参与学习       96865    人
  • 解答问题       446    个

本视频教程结合案例完整贯穿各个知识点,轻松玩转vue2.0框架

进入课程

单选按钮全部选择完了以后,全选按钮对应选择

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信