J'essaie de faire valoir l'objet initial et des valeurs spécifiques à l'objet mis à jour, de sorte que le même bouton doit être désactivé. Cependant, il semble que même après le changement de changement est désactivé: Qu'est-ce qui ne va pas et pourquoi cela ne change pas la valeur booléenne? P> p>
3 Réponses :
Vous ne montrez pas comment vous instanciez vos données de composant, il est donc difficile de voir s'il existe une erreur logique.
En général, cette méthode fonctionne, si elle est utilisée comme ceci: p>
computed: { setDisabled: function(){ //logic here } }
La fonction Vous devez déplacer et utilisez-le comme ça Dans HTML: P> setdisabled code> que vous avez définie est exécutée une fois lorsque le composant est rendu mais pas lorsque les données du composant changent.
setdisabled CODE> (et renommer IT à
BASTONDISABLE CODE> Pour plus de clarté) aux propriétés calculées du composant. De cette façon, il sera mis à jour lorsque
Data code> ou
accessoires code> est mis à jour dans le composant: p>
<!-- No parenthesis when using a computed property -->
<button :disabled="buttonDisabled"> ACTION </button>
Pouvez-vous montrer comment vous affectez SELECTEYITEM code> et
sélectionnInitial code>? Vue détecter les modifications de référence afin que vous puissiez modifier les propriétés du
sélectionnée (code> SELECTEMITEM CODE> mais pas l'objet lui-même et VUE ne le détecte pas. Je soupçonne cette erreur
Je suppose que vous avez raison c'est le cas et comment peut-on résoudre dans ce cas?
Vous pouvez également faire tout le monde dans le modèle. En fonction de la définition des variables.
<button :disabled="selectedItem.color === selectedItemInitial.color">Click</button>