来个大佬解下 vue render

Question

vue render 中实现列表全选

代码
列表单选

全选

Answer 1

说几点：

1. render方式双向数据绑定使用input事件，全选在attrs中定义checkAll

   attrs: {
     checkALl: false
   }
   on: {
     input: isChecked => this.checkAll = isChecked
   }

2. 可以在表格每一条数据中添加isChecked属性，初始值设置为false，在点击全选事件时遍历当前页数据，并给每条数据的isChecked属性赋值为checkALl的值，实现全选和全不选
3. 点击表格中某一个checkbox，判断isChecked为true的数据条数跟当前页总条数比较，如果isChecked为true的条数等于一页条数，例如10条，则this.checkALl = true勾选中全选