Vue: プロップの検証、配列とオブジェクトのハッシュ構文の組み合わせ

作成日 2015年11月12日  ·  3コメント  ·  ソース: vuejs/vue

検索した後、これがすでに提案されて割引されているかどうかはわかりませんでしたが、現時点では、文字列の単純な配列または複雑なオブジェクトハッシュを使用してコンポーネントの小道具を指定できます。

2つを混ぜることができれば私は役に立つかもしれないと思います:

props: [
    'propA',
    'propB',
    {
        name: 'propC',
        type: Number,
        default: 100
    },
    'propD'
]

文字列の配列に小道具があることがよくありますが、後の段階で検証付きの小道具を追加する必要があります。 つまり、文字列の配列をハッシュに一致させる必要があります。

最も参考になるコメント

コンポーネントにprops-example(https://github.com/vuejs/vue/commit/8ed14c8e4b0c896c59c92455b2b7aa95214382c9#diff-2092e089df2ae66b53f34b1d728f3acc)を配置すると、同じエラーが発生します。

props: [ 'b', { name: 'c', type: Number }, { name: 'd', required: true } ],

全てのコメント3件

この機能はv2でサポートされていますか?
私はそれを試しましたが、警告が表示されました: props must be strings when using array syntax.

コンポーネントにprops-example(https://github.com/vuejs/vue/commit/8ed14c8e4b0c896c59c92455b2b7aa95214382c9#diff-2092e089df2ae66b53f34b1d728f3acc)を配置すると、同じエラーが発生します。

props: [ 'b', { name: 'c', type: Number }, { name: 'd', required: true } ],

この問題に対する受け入れられた実践/答えはありますか?

このページは役に立ちましたか?
0 / 5 - 0 評価