質問編集履歴
2
タイトルの変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
Vue.jsでscriptを記入した場合すべての要素が見えなくなる。
|
|
1
|
+
[v-if] Vue.jsでscriptを記入した場合すべての要素が見えなくなる。
|
body
CHANGED
|
File without changes
|
1
見直した際、分かりにくかった表現を書き換えました。情報を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,13 +2,19 @@
|
|
|
2
2
|
A_Component.vueのボタンをクリックするとB_Component.vueに遷移する。
|
|
3
3
|
B_Component.vueで、scriptを使用して、v-ifで一部コンテンツの表示を切り替える。
|
|
4
4
|
#起きている現象
|
|
5
|
-
B_Component.vue
|
|
5
|
+
B_Component.vueの<script>に書き込んだ際、全ての要素が表示されなくなる。
|
|
6
|
-
scriptを消した場合、A,Bともに全てのコンテンツが表示される。
|
|
6
|
+
<script>タグ内の処理を消した場合、A,Bともに全てのコンテンツが表示される。
|
|
7
|
+
A→Bの遷移も問題なく動作する。
|
|
7
|
-
scriptを書き込んだ際にB_Component.vueだけではなく、遷移する前のA_Component.vueのコンテンツも消えているのが、不思議です。
|
|
8
|
+
<script>を書き込んだ際にB_Component.vueだけではなく、遷移する前のA_Component.vueのコンテンツも消えているのが、不思議です。
|
|
8
9
|
npm run devではエラーメッセージが表示されていません。
|
|
9
10
|
初歩的な質問かもしれませんが、なにか指摘ありましたらお願いいたします。
|
|
11
|
+
#環境
|
|
12
|
+
Vue.js 2.6.14
|
|
13
|
+
#参考ページ
|
|
14
|
+
https://qiita.com/minato-naka/items/9241d9c7a7433985056d
|
|
15
|
+
https://kinocolog.com/vue_v_if/
|
|
10
16
|
###A_component.vue
|
|
11
|
-
```vue
|
|
17
|
+
```vue.js
|
|
12
18
|
<template>
|
|
13
19
|
<div class="container">
|
|
14
20
|
<h1>A画面</h1>
|