Vue - 配列をクリアする

配列をクリアするには splice(0)メソッドを使用します。ref 配列の場合は value.splice(0) です。

配列をクリアする方法

splice メソッドの引数に 0 を指定すると配列がクリアされます。 
配列オブジェクト.splice(0);

ref 配列の場合

ref の場合、value プロパティ経由で splice(0) メソッドを実行します。 
// ref 配列
const refArray = ref(['ref1', 'ref2']);

// ref 配列をクリア
refArray.value.splice(0);

reactive 配列の場合

reactive の場合、普通の配列と同様に splice(0) メソッドを使用します。 
// reactive 配列
const reactiveArray = reactive(['reactive1', 'reactive2'])

// reactive 配列をクリア
reactiveArray.splice(0);

クリア前 クリア前

クリア後 クリア後

検証環境

関連ページ

© 2024 curict