84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
Vue2 では、Vue インスタンスにアクセスして、Vue に登録されているコンポーネントを使用できます。
test.js
上記のコードでは、main.js の Vue に登録しているため、トーストされたパッケージにアクセスできます。ただし、Vue3 では、js ファイル内の Vue インスタンスにアクセスできないため、トーストされたパッケージを使用できません。
js ファイル内の Vue インスタンス (「this」) にアクセスする方法についてヘルプが必要です。
// Vue 3 構成 API
これは Vue2 とまったく同じ方法ではありませんが、探しているものが明らかになる可能性があります。
パッケージを Vue3 でグローバルに利用できるようにするには、次のコードをプラグインに追加する必要がある場合があります:
この方法では、オプション API で次のコマンドを使用してトーストされたインスタンスを取得できます: this.$toasted
this.$toasted
コンポジション API を使用します。 const { $toasted } = _instance.appContext.app.config.globalProperties;
const { $toasted } = _instance.appContext.app.config.globalProperties;
別のプラグインの場合: constructor(app) { app.config.globalProperties; }
constructor(app) { app.config.globalProperties; }
1 日かけて検索した結果、js ファイル内の vue インスタンスからトーストされたコンポーネントにアクセスできました。
まず、js ファイルで読み取るためにアプリケーション インスタンスをエクスポートする必要があります
メイン.js
次に、アプリケーション インスタンスの globalProperties にコンポーネントを登録する必要があります。
これで、アプリケーション インスタンスを js ファイルにインポートし、トースト コンポーネントにアクセスできるようになりました。
これが他の人に役立つことを願っています。他に/より良い方法があれば、教えてください。ありがとう###
// Vue 3 構成 API
リーリーこれは Vue2 とまったく同じ方法ではありませんが、探しているものが明らかになる可能性があります。
パッケージを Vue3 でグローバルに利用できるようにするには、次のコードをプラグインに追加する必要がある場合があります:
リーリーこの方法では、オプション API で次のコマンドを使用してトーストされたインスタンスを取得できます:
this.$toasted
コンポジション API を使用します。
const { $toasted } = _instance.appContext.app.config.globalProperties;
別のプラグインの場合:
constructor(app) { app.config.globalProperties; }
1 日かけて検索した結果、js ファイル内の vue インスタンスからトーストされたコンポーネントにアクセスできました。
まず、js ファイルで読み取るためにアプリケーション インスタンスをエクスポートする必要があります
メイン.js
リーリー次に、アプリケーション インスタンスの globalProperties にコンポーネントを登録する必要があります。
リーリーこれで、アプリケーション インスタンスを js ファイルにインポートし、トースト コンポーネントにアクセスできるようになりました。
test.js
リーリーこれが他の人に役立つことを願っています。他に/より良い方法があれば、教えてください。ありがとう###