簡単にLoadingを実装する。

簡単にLoadingを実装する。

vue.jsコンポーネントとして提供しているepic-spinnerを使用すると、簡単にかっこいいLoadingを実装できます。

epic-spinnerをインストール

npm installするだけです。

利用する。

ag-gridの列幅をgrid幅に合わせて表示する。のコードにepic-spinnerを使用して、見ましょう。
動作を確認するためにあえて時間がかかるようにしています。
デモサイトを見て、使用したいコンポーネントを決めてください。
今回は、FingerprintSpinnerを使用します。

importしてcomponentsに登録しテンプレートに記述するだけで終わりです。
今回は動作確認のために、setTimeoutを使用してあえて表示するようにしています。

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA