创建表格上的所有复选框的最佳方法

Question

我是vuejs上的新手，并且我创建了一个数据表组件，到目前为止，我创建了两个组件： ui-datatable和 ui-checkbox，可以从表中检查所有行。正常工作，但我认为必须有一些更聪明的方法来做到这一点。这是我的jsfiddle，我接受建议，我觉得我在代码中做了更多的圈子。

Answer 1

您的复选框组件似乎使事情变得更复杂而不是更简单。我只是放入常规的复选框输入：

        <input type="checkbox" v-model="selectAll" />

和

        <input type="checkbox" v-model="selected" :value="row.id" />

然后，我修改了selectAll的设置器以使用value代替value.checked并改写公式（对性能没有影响 - 我认为您的技术很好）：

  set: function (value) {
    this.selected = value ? this.rows.map((row) => row.id.toString()) : [];
  }

更新了小提琴