質問編集履歴
7
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
▼
|
|
33
|
+
▼以下の参考ブログに書かれていることが正に実現したい事なのですが、セレクトボックスの場合どう書けばいいのか分からず困っている状態です。。、
|
|
34
34
|
|
|
35
|
-
[
|
|
35
|
+
[参考ブログ](https://blog.capilano-fw.com/?p=5305#i-7)
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
6
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,9 +28,11 @@
|
|
|
28
28
|
|
|
29
29
|
**②ブラウザバックしても選択したセレクトボックスの値とコンテンツを表示させたい。**
|
|
30
30
|
|
|
31
|
+
|
|
32
|
+
|
|
31
33
|
▼こちらの記事に書かれていることが正に実現したい事なのですが、セレクトボックスの場合どう書けばいいのか分からず困っている状態です。。、
|
|
32
34
|
|
|
33
|
-
https://blog.capilano-fw.com/?p=5305#i-7
|
|
35
|
+
[リンク内容](https://blog.capilano-fw.com/?p=5305#i-7)
|
|
34
36
|
|
|
35
37
|
|
|
36
38
|
|
5
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -28,11 +28,19 @@
|
|
|
28
28
|
|
|
29
29
|
**②ブラウザバックしても選択したセレクトボックスの値とコンテンツを表示させたい。**
|
|
30
30
|
|
|
31
|
+
▼こちらの記事に書かれていることが正に実現したい事なのですが、セレクトボックスの場合どう書けばいいのか分からず困っている状態です。。、
|
|
32
|
+
|
|
33
|
+
https://blog.capilano-fw.com/?p=5305#i-7
|
|
34
|
+
|
|
31
35
|
|
|
32
36
|
|
|
33
37
|
====================
|
|
34
38
|
|
|
35
39
|
JavascriptもVue.jsもほぼ初心者なのですが仕事で必要になったため調べながら実装しています。ですが基礎が殆ど無いため検索しても余計に分からなくなってしまい質問させていただきました。こういった方法がスマートだ、などのヒントでも構いませんのでアドバイス等いただけないでしょうか。どうぞよろしくお願いいたしますm(_ _)m
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
36
44
|
|
|
37
45
|
|
|
38
46
|
|
4
補足
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,11 @@
|
|
|
14
14
|
|
|
15
15
|
**①**リロードすると初期値「値を選択してください」に戻ってしまう
|
|
16
16
|
|
|
17
|
-
**②**コンテンツ(A,B)内にあるボタンを押下し次のページに遷移した後ブラウザバックすると、選択していたセレクトボックスの値は
|
|
17
|
+
**②**コンテンツ(A,B)内にあるボタンを押下し次のページに遷移した後ブラウザバックすると、選択していたセレクトボックスの値はそのままですがコンテンツは非表示になってしまっている状態。
|
|
18
|
+
|
|
19
|
+
例）セレクトボックスでAを選択し、表示されたコンテンツ内のボタンを押して別ページへ。その後ブラウザバックするとセレクトボックスはAになっているがコンテンツは非表示。
|
|
20
|
+
|
|
21
|
+
しかも再度Aを選択してもコンテンツは表示されない。。(リロード後解決します)
|
|
18
22
|
|
|
19
23
|
|
|
20
24
|
|
3
文言修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
##■前提
|
|
2
2
|
|
|
3
3
|
Vue.jsで選んだセレクトボックスの値によってコンテンツを切り替えるという実装をしています。
|
|
4
4
|
|
2
スタイル調整と文言修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Vue.jsで選んだセレクトボックスの値によってコンテンツを切り替えるという実装をしています。
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
Aを選択するとAの内容を表示、Bを選択したらBの内容を表示するといった具合です。
|
|
6
6
|
|
|
7
7
|
初期値は「値を選択してください」にしています。
|
|
8
8
|
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
|
|
20
20
|
|
|
21
|
-
##実現したいこと
|
|
21
|
+
##■実現したいこと
|
|
22
22
|
|
|
23
23
|
**①リロードしても選択したセレクトボックスの値とコンテンツを表示させたい。**
|
|
24
24
|
|
1
スタイル調整
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,17 +12,19 @@
|
|
|
12
12
|
|
|
13
13
|
##■現状
|
|
14
14
|
|
|
15
|
-
①リロードすると初期値「値を選択してください」に戻ってしまう
|
|
15
|
+
**①**リロードすると初期値「値を選択してください」に戻ってしまう
|
|
16
16
|
|
|
17
|
-
②コンテンツ(A,B)内にあるボタンを押下し次のページに遷移した後ブラウザバックすると、選択していたセレクトボックスの値は保持されているもののコンテンツは非表示になってしまっている状態。しかも再度Aを選択しても無反応。。(リロード後解決します)
|
|
17
|
+
**②**コンテンツ(A,B)内にあるボタンを押下し次のページに遷移した後ブラウザバックすると、選択していたセレクトボックスの値は保持されているもののコンテンツは非表示になってしまっている状態。しかも再度Aを選択しても無反応。。(リロード後解決します)
|
|
18
18
|
|
|
19
|
-
|
|
19
|
+
|
|
20
20
|
|
|
21
21
|
##実現したいこと
|
|
22
22
|
|
|
23
|
-
①リロードしても選択したセレクトボックスの値とコンテンツを表示させたい。
|
|
23
|
+
**①リロードしても選択したセレクトボックスの値とコンテンツを表示させたい。**
|
|
24
24
|
|
|
25
|
-
②ブラウザバックしても選択したセレクトボックスの値とコンテンツを表示させたい。
|
|
25
|
+
**②ブラウザバックしても選択したセレクトボックスの値とコンテンツを表示させたい。**
|
|
26
|
+
|
|
27
|
+
|
|
26
28
|
|
|
27
29
|
====================
|
|
28
30
|
|