質問編集履歴
1
URLのリンクを挿入しました
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
vuetify(単一コンポーネント)でのloading画面表示
|
|
1
|
+
vuetify(単一コンポーネント)でのloading画面が表示できない
|
test
CHANGED
|
@@ -4,7 +4,9 @@
|
|
|
4
4
|
|
|
5
5
|
以下のサイトのようにページに入った際にローディング画面を表示したいです。
|
|
6
6
|
|
|
7
|
-
https://littlethings.jp/blog/web/loading-animation
|
|
7
|
+
[https://littlethings.jp/blog/web/loading-animation
|
|
8
|
+
|
|
9
|
+
](https://littlethings.jp/blog/web/loading-animation)
|
|
8
10
|
|
|
9
11
|
エラーは発生しないのですが,ローディング画面が表示できずロード中のページが見えてしまいます。
|
|
10
12
|
|
|
@@ -204,7 +206,7 @@
|
|
|
204
206
|
|
|
205
207
|
ロード画面を非表示にするclass"is-hide"を削除して、ロード画面を表示します。
|
|
206
208
|
|
|
207
|
-
その後読み込みが完了した20秒後にロード画面をフェードアウトさせます。
|
|
209
|
+
その後読み込みが完了したもしくは強制的に20秒後にロード画面をフェードアウトさせます。
|
|
208
210
|
|
|
209
211
|
<style>に記述されている部分はフェードアウトの実際の動作を記述しています。
|
|
210
212
|
|