質問: ### 前提・実現したいこと Nuxt.jsを利用し、cavnvasを用いて画像保存するアプリ開発をしています。 その中で「Vue-Fabric-Wrapper」というパッケージを用いているのですが、その中でprovide()されているオブジェクトをいずれかの方法でinjectして再利用したいです。 ### 詳細 vue-fabric-wrapper/src/components/FabricCanvas.vue 内の下記3オブジェクト ``` provide() { return { $canvas: () => this.canvas, $group: () => null, fabric }; }, ``` ### 発生している問題 1. plugin内の.jsに記載する場合に、パッケージ内のprovide()で指定されたオブジェクトを参照し、injectする方法がわかりせん。 2. Nuxt.jsでのinjectは、pluginの中で記載することのみが公式ドキュメントに記載があり、各pagesやcomponents配下の.vueファイル内での記載方法がわかりません。 リンク ※2に関しては、そもそも無理かもしれませんが、方法ご存じの方いらっしゃれば、ご教授いただけますと幸いです。 ### 該当のソースコード / 試したこと .vueファイル内に下記の記載をするとエラーが出ました。 ``` export default { inject: ['$canvas'] ・・・以下、省略 ``` ``` ERROR [Vue warn]: Injection "$canvas" not found ``` ### 補足情報(FW/ツールのバージョンなど) "nuxt": "^2.0.0", "vue-fabric-wrapper": "^0.3.71",
回答: injectは不可。代わりに以下の方法でcanvasオブジェクト自体を操作可能。 https://github.com/bensladden/vue-fabric-wrapper/issues/106