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