質問編集履歴

2

タイトルの変更

2021/12/15 00:08

投稿

shimeji_XX
shimeji_XX

スコア42

test CHANGED
@@ -1 +1 @@
1
- Vue.jsでscriptを記入した場合すべての要素が見えなくなる。
1
+ [v-if] Vue.jsでscriptを記入した場合すべての要素が見えなくなる。
test CHANGED
File without changes

1

見直した際、分かりにくかった表現を書き換えました。情報を追記しました。

2021/12/15 00:08

投稿

shimeji_XX
shimeji_XX

スコア42

test CHANGED
File without changes
test CHANGED
@@ -6,19 +6,31 @@
6
6
 
7
7
  #起きている現象
8
8
 
9
- B_Component.vuescript書き込んだ際、全ての表示が消える。
9
+ B_Component.vueの<script>に書き込んだ際、全ての要素が表示されなくなる。
10
10
 
11
- scriptを消した場合、A,Bともに全てのコンテンツが表示される。
11
+ <script>タグ内の処理を消した場合、A,Bともに全てのコンテンツが表示される。
12
12
 
13
+ A→Bの遷移も問題なく動作する。
14
+
13
- scriptを書き込んだ際にB_Component.vueだけではなく、遷移する前のA_Component.vueのコンテンツも消えているのが、不思議です。
15
+ <script>を書き込んだ際にB_Component.vueだけではなく、遷移する前のA_Component.vueのコンテンツも消えているのが、不思議です。
14
16
 
15
17
  npm run devではエラーメッセージが表示されていません。
16
18
 
17
19
  初歩的な質問かもしれませんが、なにか指摘ありましたらお願いいたします。
18
20
 
21
+ #環境
22
+
23
+ Vue.js 2.6.14
24
+
25
+ #参考ページ
26
+
27
+ https://qiita.com/minato-naka/items/9241d9c7a7433985056d
28
+
29
+ https://kinocolog.com/vue_v_if/
30
+
19
31
  ###A_component.vue
20
32
 
21
- ```vue
33
+ ```vue.js
22
34
 
23
35
  <template>
24
36