简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Vue <Skripteinstellungen>-Reaktivität funktioniert nicht
P粉029327711
P粉029327711 2023-09-05 18:07:35
0
1
346
<p>Ich probiere die <code><script setup></code>-Syntax aus und frage mich, warum die Reaktivität nicht funktioniert. Was ist hier los? </p> <pre class="brush:js;toolbar:false;"><template> <button @click="changeButtonText">{{ buttonText }}</button> </template> <Skript-Setup> { ref } aus 'vue' importieren let buttonText = ref("Foo") Funktion changeButtonText() { buttonText = "Bar" } </script> </pre> <p>Versuchen Sie es, ohne ref() zu verwenden. Versuchen Sie es mit <code>buttonText = ref("Bar")</code>. Keine Auswirkung</p>
P粉029327711
P粉029327711

Antworte allen(1)
P粉518799557
P粉5187995572023-09-06 15:49:26 1 Etage

在你的函数中你必须改变 buttonText = "Bar" 到 buttonText.value="Bar"

有关反应性的更多信息，请参阅：https://vuejs.org/api/ reactivity-core.html#ref

Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！