回答編集履歴
3
alertではなくlogin-dialogに変更
test
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
1.
|
|
1
|
+
1. Loginの失敗状態をStoreに追加
|
|
2
2
|
|
|
3
|
-
2.
|
|
3
|
+
2. Loginの失敗失敗したら、StoreのLoginの失敗状態をtrue
|
|
4
4
|
|
|
5
|
+
3. 失敗理由をLoginStoreに書き込み
|
|
6
|
+
|
|
5
|
-
3. rootに配置した、
|
|
7
|
+
3. rootに配置した、login-dialogにとエラーメッセージとLogin失敗状態をバインディング
|
|
6
8
|
|
|
7
9
|
|
|
8
10
|
|
|
9
|
-
|
|
11
|
+
コンポーネントの配置に関しては下記のような感じで、
|
|
10
12
|
|
|
11
|
-
root要素にアラート要素を差し込んでみるといいかと思います。
|
|
13
|
+
root要素にアラート要素にlogin-dialogコンポーネントを差し込んでみるといいかと思います。
|
|
12
14
|
|
|
13
|
-
position:absoluteとか指定すれば、al
|
|
15
|
+
position:absoluteとか指定すれば、login-dialog要素は各画面より上に乗っかるかと思います。
|
|
14
16
|
|
|
15
17
|
```
|
|
16
18
|
|
|
@@ -38,7 +40,7 @@
|
|
|
38
40
|
|
|
39
41
|
<router-view></router-view>
|
|
40
42
|
|
|
41
|
-
<
|
|
43
|
+
<login-dialog v-if="isLogin" :message="errorMessage"></login-dialog>
|
|
42
44
|
|
|
43
45
|
</div>
|
|
44
46
|
|
2
補足追加
test
CHANGED
|
@@ -9,6 +9,8 @@
|
|
|
9
9
|
errorAlertコンポーネントの配置に関しては下記のような感じで、
|
|
10
10
|
|
|
11
11
|
root要素にアラート要素を差し込んでみるといいかと思います。
|
|
12
|
+
|
|
13
|
+
position:absoluteとか指定すれば、alert要素は各画面より上に乗っかるかと思います。
|
|
12
14
|
|
|
13
15
|
```
|
|
14
16
|
|
1
ちょっとわかりやすく
test
CHANGED
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
1. Alertを管理するStoreを用意しておきます(AlertStore)。
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
2. 認証に失敗したら、AlertStoreのメッセージを書き込む
|
|
4
4
|
|
|
5
|
+
3. rootに配置した、errorAlertにAlertStoreのメッセージをバインディング
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
errorAlertコンポーネントの配置に関しては下記のような感じで、
|
|
10
|
+
|
|
5
|
-
|
|
11
|
+
root要素にアラート要素を差し込んでみるといいかと思います。
|
|
6
12
|
|
|
7
13
|
```
|
|
8
14
|
|