web-dev-qa-db-fra.com

Vue 2 - Comment définir le type de tableau par défaut dans les accessoires

J'ai mon composant Vue, qui prend un tableau d'objets comme accessoire. J'utilise souvent la validation des accessoires, en particulier pour la fonction de valeur par défaut.

dans ce cas j'ai:

props: {
    items: Array
}

mais j'aimerais qu'il ait comme dans TypeScript ou React:

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

etc.

Est-il possible de réaliser? Sinon, je dois utiliser les données calculées comme carte juste pour définir les valeurs par défaut

javascripttypesvuejs2vue.js
13
Łukasz Ostrowski

J'ai créé un exemple: jsFiddle , cela pourrait vous aider, et oui ... vous pouvez renvoyer la valeur par défaut sous forme de tableau:

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

Variété ES6 Pour un tableau 

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

... Et pour un objet 

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

Quelques ressources liées:

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