Peut une Vue Boolean prop être vrai, par sa présence, et false par son absence?

Dans ma Vue de composant, j'ai un Booléen prop appelé "obj", défini comme ceci:

obj: { Type:Boolean, default: false}

Je peux le mettre à true comme ceci:

<my-component :obj="true"></my-component>

Cependant, j'aimerais être en mesure de la mettre à l' true comme ceci:

<my-component obj></my-component>

J'aimerais que la présence de l'hélice à dire true et de son absence pour dire false. Est-il un moyen de définir un accessoire qui fonctionne de cette manière dans une Vue de composant?

  • Ce deuxième exemple devrait fonctionner comme vous le dites, non? Avez-vous essayé? Je ne peux pas vérifier, sur mobile atm
  • Quand j'ai tout simplement utiliser la prop nom de la valeur est une chaîne vide dans mon composant.
  • Pourriez-vous montrer la source de votre composant? Aussi, dans vos accessoires de définition, il convient de minuscules type, pas de Type. À moins que ce soit une faute de frappe
  • Vous avez raison. Le capital T de type a tout gâcher et de ne pas en faire un Booléen. Je vous remercie.
InformationsquelleAutor Emanon | 2018-03-10
  1. 39

    C'est le comportement d'un Booléen prop, en tout cas. Il vous suffit de définir l'accessoire comme:

    {
  props: {
    fast: Boolean
  }
  ...
}

    Et la valeur par défaut est false. Lorsque vous spécifiez l'attribut dans le modèle suivant, il est mis à true:

    <my-foo fast/>  <!-- fast is true -->

    démo

    • Vous avez raison. J'ai eu un T majuscule dans "Type", qui a été tout gâcher. Je vous remercie.
    • Pas de problème 🙂
    InformationsquelleAutor tony19