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
リーリーこれが他の人に役立つことを願っています。他に/より良い方法があれば、教えてください。ありがとう###