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

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并重新修改了公式（对性能没有影响 - 我认为你的技术很好）：< / p>

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

Updated fiddle