遅延読み込み機能を調べており、Bootstrap-Vueコンポーネントに使用しようとしていますが、機能しません。
b-card「通常」にインポートすると、正しくレンダリングされます。
import { BCard } from 'bootstrap-vue';
export default {
components: {
BCard
}
};
しかし、「lazy-load」構文を試行しようとすると、機能しません。
export default {
components: {
BCard: () => import('bootstrap-vue').BCard
}
};
b-cardコンポーネントがrenderredされていませんが、エラーがスローされていないとChromeのDOM検査ツールで、私はプレースホルダがあることがわかります<!---->ヴュによって配置されるb-card部品がある必要があります。ロードされたライブラリオブジェクトにBCardプロパティがないのではないかと思いますが、「lazy」構文を使用してライブラリコンポーネントにアクセスする他の方法がわかりません。
ライブラリからモジュールを遅延ロードすることは可能ですか？どうやるか？
モジュールを動的にインポートする場合、importキーワードを関数として使用すると、promiseが返されます。したがって、モジュールコンポーネントにアクセスするには、次の構文を使用できます。
export default {
components: {
BCard: () => import('bootstrap-vue').then(module => module.BCard)
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加