v-skeleton-loaderコンポーネントは、プロジェクト内の多くの役割を満たすことができる汎用性の高いツールです。このコンポーネントは、何かがまだ利用できないことをユーザーに示します。 30を超える事前定義されたオプションがあり、これらを組み合わせてカスタムできます。
以下に、簡単な例から複雑な例まで示します。
v-skeleton-loaderは、モックアップを作成する際の定型的なデザインとして使用できます。さまざまな定義済みオプションを組み合わせて使用するか、独自の実装を作成します。この例では、機能的なボイラープレートコンポーネントとして使用するために、v-skeleton-loaderを新しいコンポーネントv-boilerplateとして拡張しています。
v-skeleton-componentを利用する方法は 2 つあります。既定のスロットまたは v-if条件です。組み込みスロットは最も便利で使いやすいですが、レンダリングされると余分な div が生成されます。追加の div がセットアップで問題になる場合は、Vuetifyの トランジションコンポーネント またはカスタムのコンポーネントを使用して v-if 条件を使用できます。
Caught a mistake or want to contribute to the documentation?
Edit Layout
on GitHub!