web-dev-qa-db-ja.com

Vue 2-プロップで配列のデフォルトのタイプを設定する方法

私はVueコンポーネントを持っています。これはオブジェクトの配列を小道具として受け取ります。私は特に「デフォルト」値機能のために小道具検証を頻繁に使用します。

この場合、私は持っています:

props: {
    items: Array
}

typeScriptやReactのようにしたいです。

props: {
    items: Array.of(
        {key: {type: String, default: 'myText'}}
        )
}

等.

達成することは可能ですか?それ以外の場合、デフォルトを設定するためだけに計算されたデータをマップとして使用する必要があります

13

私は例を作成しました: jsFiddle 、それはあなたに役立つかもしれません、そしてはい...あなたはデフォルト値を配列として返すことができます:

props: {
    items: {
        type: Array,
        default: function () { return [] }
    }
}
8
t_dom93

ArrayのES6の種類

props: {
  arr: {
    type: Array,
    default: () => []
  }
}

...そしてObjectの場合

props: {
  obj: {
    type: Object,
    default: () => ({
      param: value,
      param2: value,
    })
  }
}

いくつかの関連リソース:

  1. https://github.com/vue-styleguidist/vue-styleguidist
  2. https://github.com/vuejs/vue/issues/1032
1
Brent11