More than 1 year has passed since last update.

【Vue】propsがArray・Objectの時default値にはファクトリー関数を使う

Posted at 2023-03-19

エラー内容

propsのdefault値を空の配列にしたくて、こうすると、、、

props: {
    hoge: {
        type: Array,
        required: false, 
        default: [],
    }
}

こんなエラーが出てくる、、、

[Vue warn]: Invalid default value for prop "hoge": Props with type Object/Array must use a factory function to return the default value.

訳してみると、
「デフォルトにオブジェクトか配列を使うなら、ファクトリー関数を使ってね」
というもの。

エラーに書いている通り、ファクトリー関数を使って、空の配列を生成するようにしてあげます。

props: {
  hoge: {
    type: Array,
    required: false, 
    default: () => []//空の配列を生成する関数を指定する
  }
}

以上です