Maison  >  Questions et réponses  >  le corps du texte

La réactivité de Vue <script settings> ne fonctionne pas

<p>J'essaie la syntaxe <code><script setup></code> dans vue et je me demande pourquoi la réactivité ne fonctionne pas. Qu'est-ce qui ne va pas ici ? </p> <pre class="brush:js;toolbar:false;"><template> <button @click="changeButtonText">{{ buttonText }}</button> </modèle> <configuration du script> importer { ref } depuis 'vue' let boutonTexte = ref("Foo") fonction changeButtonText() { boutonTexte = "Barre" } </script> ≪/pré> <p>Essayez sans utiliser ref(). Essayez d'utiliser <code>buttonText = ref("Bar")</code>. Aucun effet</p>
P粉029327711P粉029327711409 Il y a quelques jours345

répondre à tous(1)je répondrai

  • P粉518799557

    P粉5187995572023-09-06 15:49:26

    Dans ta fonction tu dois changer buttonText = "Bar" 到 buttonText.value="Bar"

    Pour plus d'informations sur la réactivité, voir : https://vuejs.org/api/reactivity-core.html#ref

    répondre
    0
  • Annulerrépondre