【Vue】テーブル操作エキスパートへの道。ボタンクリック列でを削除する方法 - Qiita

ボタンクリックで表から列を削除する方法について。 これまで、 ・v-forを使ったテーブルの作成 ・表で複数選択を可能にする方法 ・ボタンクリックで行を追加する方法 ・ボタンクリックで列を追加する方法 ・ボタンクリックで列を追加する方法 について確認したので、次のステップとして列を削除する方法を確認する。 実装イメージ ↓ 選択中のセルを削除する 考え方 現在選択中のセルの有無を判断 現在選択中のセルの列番号を取得する 表から選択中のセル以外を残す 選択を解除 実装 removeColumn(){ //選択中のセルがある場合のみ処理を実行 if(this.currentCells.length != 0){ //削除したいセル番号を抽出(重複削除) const cellIndicesToRemove = new Set( this.currentCells.map(cell => cell