Je suis nouveau sur vuejs. Le code affiché ci-dessous, isBtnDigitizePolygonClicked是一个响应式变量。我试图在isBtnDigitizePolygonClicked的值发生变化时执行一些代码作为副作用。为此，我使用了watch, le code affiché ci-dessous.
Le problème que j'ai maintenant est que lorsque le code s'exécute, le message de journal dans onDigitizePolygon方法，但在被观察的变量isBtnDigitizePolygonClicked n'apparaît jamais malgré son appel, comme si l'observateur ne s'exécutait pas.
Veuillez me dire pourquoi cela se produit et comment y remédier.
Code :
let isBtnDigitizePolygonClicked = ref(true);
...
...
watch: {
isBtnDigitizePolygonClicked(newVal, oldVal) {
console.log(debugTag, 'newVal:', newVal);
console.log(debugTag, 'oldVal:', oldVal);
if (digitizePolygonInteractions) {
if (newVal == true) {
digitizePolygonInteractions.remove();
} else {
digitizePolygonInteractions.add();
}
} else {
throw new Error('WTF.digitizePolygonInteractions is:');
}
},
immediate: false,
},
computed: {
compPropsIsBtnDigitizePolygonDisabled() {
if (isBtnDigitizePolygonClicked.value == true) {
return values.CONST_STRING_DIGITIZE;
} else {
return values.CONST_STRING_STOP_DIGITIZE;
}
},
},
methods: {
onDigitizePolygon() {
console.info(debugTag, 'onDigitizePolygon()');
isBtnDigitizePolygonClicked.value = !isBtnDigitizePolygonClicked.value;
},
}
Modèle :
<button @click="onDigitizePolygon()">{{ compPropsIsBtnDigitizePolygonDisabled }}</button> 
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
En utilisant options-api vous pouvez directement écrire :
data() { return { isBtnDigitizePolygonClicked: true, } }Le contenu dedata() {..}est automatiquement réactif. Il n'est donc pas nécessaire d'utiliserJe pense que mon erreur a été de ne pas avoir ajouté
isBtnDigitizePolygonClickedà la valeur de retour de `data()`Code :
data() { return { isBtnDigitizePolygonClicked, } }