2019.12.5
Vueでカクテルデータベースをリファインする話#25【ローディング】
そういやいままで全く実装していなかったことの中に重要なものがあって、
ローディングを実装してみたいなぁ〜って思ったんですよ。
表示がそもそも早いページならなんの問題もないんですが、ページを表示するためにAPIを叩く必要があったりで、初期表示に時間がかかることが予想されるページの場合、ユーザー体験を考えるといまローディング中ですよ、って教えてあげた方が親切なんですよね。
実際、白紙のページがずっと続いてると誰だって
「あれ?バグかな???」とか思いそうですしね。
ってことで、それを実装してみたいんですけど、具体的にどうしたらいいんでしょうねっていう話です。
createdかmountedでフラグ管理したらいいだけなのかなぁとか思ったりもしたんですけど、どうなんでしょうね。
と思ってググってみたらふつうにライブラリがあるらしいです。
当たり前か
例えば
vue-loadingっていうのがあって、使い方見ててもめちゃくちゃシンプルでびっくりしました。え、どこで制御してんの!?!?!?!?
一応使ってみた。いい感じ。ちなみに制御は自分でやる必要がやっぱりあるみたいで、要するにアニメーションライブラリみたいな使い方ですね。
ただ、そんなのv-ifを1つ噛ませれば済む話なのでやっぱ使いやすいです。あといろいろ種類があるみたいなので、それもいい感じですね。これトップページに貼ってみようかな。
思いの外早く話がおわっちゃった。(笑)
まぁそんな感じなんですわあ^^