Vue常用的全选-反选

.check{cursor:pointer;按钮{光标：指针；边界：0；填充：10px30px；背景：#000；颜色：#fff；边框半径：100px；底部边距：10px；大纲：无；}输入{填充：15px；宽度：300px；边界：0；;}ul{宽度：300px；填充：0；游标：指针；框阴影：0015px#ccc；最小高度：300px；填充：15px；底部：12px；>输入{填充：0;宽度：自动；}}}}}}}}}}}}}}}}}}}}}}}}Vue中CheckBox的全选和反选实现方式有很多种。我认为这是最容易理解和最快的方法！第一种是自己创建一个input，在mx.txt前面添加一个input：CheckBox。将v-model添加到您每次创建的mx.check中。最重要的一点是forEach遍历，所有的结果都是当前的。有些人不注意为什么数据里没有check:[]。数据里面的数据是实时监控的，一旦点进去，所有的校验都会自动变为真。this.list=this.list.filter(e=>{return!e.check})这句话的意思：当你check的时候。当前数据被赋予一个值，这个值是过滤列表中所有想要被杀死的人，因为默认是false，而你选择的那个是true。但是他让你回去！e.check为false，也就是说：我要的是.check{cursor:pointer;按钮{光标：指针；边界：0；填充：10px30px；背景：#000；颜色：#fff；边框半径：100px；底部边距：10px；大纲：无；}输入{填充：15px；宽度：300px；边界：0；;}ul{宽度：300px；填充：0；游标：指针；框阴影：0015px#ccc；最小高度：300px；填充：15px；底部：12px；>输入{填充：0;宽度：自动；}}}}}}}}}}}}}}}}}}}}}}}}如果要解决提示的数量，那么使用reduce(fn,0)。这个reduce函数是给你2个值，第一个0，第二个看你给我多少然后给我一个从0开始计算的属性，当前开始过滤返回列表的check，b.check一上来就是false，所以给你1块。如果你把它拿走放到另一个b里，那我就从a来回走Takecomputed:{a(){returnthis.list.reduce((a,b)=>a+(b.check?0:1),0)},b(){returnthis.list.reduce((a,b)=>a+(b.check?1:0),0)}}