J'ai un composant "produit". Les données de parents ne transmettent pas à l'enfant. Il reste réglé sur la valeur par défaut entrée à partir du gabarit principal. Selon la valeur Premium, l'expédition est gratuite ou coûte 2,69.
J'ai essayé de comprendre avec Vuemastery Introduction de vidéos .. Mais je me débats toujours, pouvez-vous expliquer clairement ce qui est le problème? P>
<div id="app">
<product :premium="true"></product> // Changing this, it works..
</div
3 Réponses :
Vous devez utiliser les données changer de parent comme source de liaison pour produit . data.premium < / code> au parent devrait maintenant se propager à l'enfant.
Vous pouvez voir dans la documentation: HTTPS: // vuejs.org/v2/guide/components-props.html#passing-a-boolantan
Dans votre cas, vous pouvez essayer ceci: Le changement de "Premium" doit modifier le composant "Produit"
aperçu ici :)
p>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
<product :premium="premium">{{ premium }} - {{ shipping }}</product>
<div> {{ premium }} - {{ shipping }}</div>
</div>
<!-- Changing this, it works.. -->