Vue 3: コンポーネント関数のセット変数を取得および変更する方法
P粉463840170
P粉463840170 2023-08-24 19:32:40
0
1
556
<p>Vue 3 の合成 API を使用した次の簡単な例を考えてみましょう。コンポーネントの関数で <code>test</code> のインスタンスを使用したいと考えています。 </p> <pre class="brush:php;toolbar:false;"><script> import {defineComponent, ref, onMounted } from 'vue' デフォルトのエクスポートdefineComponent({ 名前: 'テスト'、 設定(){ let test = ref() onMounted(() => { doSomething() }) 戻る{ テスト、 何かをする } } }) 関数 doSomething(){ console.log(test) //<-- 未定義 console.log(this.test) //<-- 未定義 } </script></pre> <p><code>doSomething()</code> 内で <code>test</code> にアクセスするにはどうすればよいですか?私の理解では、<code>setup()</code> によって返されるものは、オプション API の <code>data()</code> 属性と同様に、コンポーネント全体で利用できる必要があると考えています。 </p>
P粉463840170
P粉463840170

全員に返信(1)
P粉506963842

ref をパラメータとして渡す必要があります

リーリー

別の方法:

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート