1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 7.16 两行代码实现全选checkAll

7.16 两行代码实现全选checkAll

时间:2023-03-02 13:14:45

相关推荐

7.16 两行代码实现全选checkAll

全选

单选跟着全选变全选跟着 所有单选(一致)变forEach的坑

首先我们的明白全选单选的关系

单选跟着全选变

全选选中,所有的单选也都选中,即单选的状态和全选的状态一直

//数据结构checkAll:true, //全选的状态items: [{name: '最受欢迎老师', user: 'justtoday', date: '-11-04', id: 1, check: true },{name: '飞机是否安全', user: 'hallwo', date: '-11-05', id: 2, check: false },{name: '百年的致富圣经', user: 'arm', date: '-11-06', id: 3, check: false },{name: '宇宙的7大真象', user: 'hallwo', date: '-4-06', id: 4, check: false },]//全选发生改变checkAllChange() {this.items.forEach(item => {item.check = this.checkAll})}

全选跟着 所有单选(一致)变

当所有的单选度选中的时候,全选才选中

//单选发生改变checkChange() {this.checkAll = this.items.every(item => item.check)}

forEach的坑

// 这里item没循环一次就会改变,//改变他没有用,要改变item对象里面具体的值才行var obj = {id:3,age:15}var arr = [{id:1,age:12},{id:2,age:15}]arr.forEach(item => {//errorif (item.id === 1) {item = obj}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。