简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Vue <スクリプト設定> の反応性が機能しない
P粉029327711
P粉029327711 2023-09-05 18:07:35
0
1
352
<p>vue で <code><script setup></code> 構文を試していますが、なぜ反応性が機能しないのか疑問に思っています。ここで何が間違っているのでしょうか？ </p> <pre class="brush:js;toolbar:false;"><テンプレート> <button @click="changeButtonText">{{ buttonText }}</button> </テンプレート> ＜スクリプト設定＞ 'vue' から { ref } をインポートします let buttonText = ref("Foo") 関数changeButtonText() { buttonText = "バー" } </スクリプト> </pre> <p>ref()を使わずに試してみます。 <code>buttonText = ref("Bar")</code> を使用してみてください。効果なし</p>
P粉029327711
P粉029327711

全員に返信(1)
P粉518799557
P粉5187995572023-09-06 15:49:26 1棟

関数内で変更する必要があります buttonText = "バー" から buttonText.value="バー"

反応性の詳細については、次を参照してください: https://vuejs.org/api/reactivity-core.html#ref

いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！