jQueryを使わずにローディング画面を実装したい。

Question

表題の通りなんですが、jQueryを使わずしてローディング画面を実装させたいと考えています。
vue.jsやらFetch APIやらを探ってみたのですが、いかんせんわからずでなにかお知恵を拝借できないかと考えています。
よろしくお願いします。

Comments

[x_x]

ローディング画面の定義がわからないと答えようがありません。Fetch APIが出てくるということは送信時に何か表示するのでしょうか？　試したことを書いてください

[koh1990]

情報不足ですみません。サイトの読み込み中にローディング画面を表示し、読み込み完了後にサイトを表示するといったことを実現したいです。サイト自体はvue.jsを用いているのですが、どうしてもjQueryを使わずに実装したいと考えておりまして。

[koh1990]

ちなみにコンポーネントは用いておりません。。。

Answer 1

https://blog.kannart.co.jp/coding/1199/
↑ここの「モーダルウインドウ」のところがやりたいところだと思いますよ。モーダルウインドウ内に「ローディングアイコン」を表示するとさらにそれっぽくなりそうです。

Comments

[koh1990]

ご回答頂きありがとうございました！
ほんとに説明ベタで申し訳ありません。。。
スプラッシュ画面のイメージしていました。
サイトにアクセスするとローディング画面に入り、サイトが読み込み完了した段階で画面遷移するイメージです！

[koh1990]

https://www.hsn-kikai.com/
↑このサイトようなイメージです！