Vue3でjsファイル内のVueインスタンスにアクセスするにはどうすればよいですか?
P粉609866533
P粉609866533 2024-01-21 16:04:50
0
2
855

Vue2 では、Vue インスタンスにアクセスして、Vue に登録されているコンポーネントを使用できます。

test.js

リーリー

上記のコードでは、main.js の Vue に登録しているため、トーストされたパッケージにアクセスできます。ただし、Vue3 では、js ファイル内の Vue インスタンスにアクセスできないため、トーストされたパッケージを使用できません。

js ファイル内の Vue インスタンス (「this」) にアクセスする方法についてヘルプが必要です。

P粉609866533
P粉609866533

全員に返信(2)
P粉539055526

// Vue 3 構成 API

リーリー

これは Vue2 とまったく同じ方法ではありませんが、探しているものが明らかになる可能性があります。


パッケージを Vue3 でグローバルに利用できるようにするには、次のコードをプラグインに追加する必要がある場合があります:

リーリー

この方法では、オプション API で次のコマンドを使用してトーストされたインスタンスを取得できます: this.$toasted

コンポジション API を使用します。 const { $toasted } = _instance.appContext.app.config.globalProperties;

別のプラグインの場合: constructor(app) { app.config.globalProperties; }

いいねを押す +0
P粉011684326

1 日かけて検索した結果、js ファイル内の vue インスタンスからトーストされたコンポーネントにアクセスできました。

まず、js ファイルで読み取るためにアプリケーション インスタンスをエクスポートする必要があります

メイン.js

リーリー

次に、アプリケーション インスタンスの globalProperties にコンポーネントを登録する必要があります。

リーリー

これで、アプリケーション インスタンスを js ファイルにインポートし、トースト コンポーネントにアクセスできるようになりました。

test.js

リーリー

これが他の人に役立つことを願っています。他に/より良い方法があれば、教えてください。ありがとう###

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