テーブル上のすべてのチェックボックスを選択する最も良い方法

Question

私はVueJSの初心者で、データテーブルコンポーネントを作成しています。これまで2つのコンポーネント：ui-datatableとui-checkboxを作成しました。完璧に働いていますが、それを行うにはよりスマートな方法が必要だと思います。ここに私のJSFiddle、私は提案を受け入れる、私は私のコードでより多くの周回を感じる。

Answer 1

あなたのチェックボックスコンポーネントは、簡単にするよりも複雑にするようです。私は定期的にチェックボックスの入力に入れ：

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

と

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

は、その後、私は代わりにvalue.checkedのvalueを使用するselectAllのセッターを修正し、式（パフォーマンスに影響を与えずに言い換え - 私はあなたの技術を考えます）細かいです：

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

Updated fiddle