回答編集履歴
4
エラー修正
answer
CHANGED
|
@@ -2,21 +2,4 @@
|
|
|
2
2
|
|
|
3
3
|
tableタグを設定していないのに、trタグもtdタグも見えないですよ。あと、テーブルタグの記述がデタラメすぎます。
|
|
4
4
|
|
|
5
|
-
## 根本の原因
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
あと、気になるのはdataをreturnで返していないことですかね…。
|
|
8
|
-
|
|
9
|
-
**Cannot use v-for on stateful component root element because it renders multiple elements**
|
|
10
|
-
|
|
11
|
-
ってエラーが出ているはずです。**テンプレートの中は単一のエレメント（タグ）**にしてください。大本をループさせているために
|
|
12
|
-
|
|
13
|
-
```vue
|
|
14
|
-
<template>
|
|
15
|
-
<b-card></b-card> <!-- 1回目のループ -->
|
|
16
|
-
<b-card></b-card> <!-- 2回目のループ -->
|
|
17
|
-
</template>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
こんな感じで複数のタグを作ろうとしているので、templateタグの中は単一タグでないと駄目じゃ！ってVueが怒ってます。
|
|
21
|
-
|
|
22
|
-
よくやる失敗ですが、絶対にtemplateタグの中にダイレクトでv-forディレクティブを置かないことです。なので、この場合も中を覆う、b-cardタグにループを置いているのが失敗の根本です。
|
3
更に詳しく
answer
CHANGED
|
@@ -8,15 +8,15 @@
|
|
|
8
8
|
|
|
9
9
|
**Cannot use v-for on stateful component root element because it renders multiple elements**
|
|
10
10
|
|
|
11
|
-
ってエラーが出ているはずです。**テンプレートの中は単一のエレメント
|
|
11
|
+
ってエラーが出ているはずです。**テンプレートの中は単一のエレメント（タグ）**にしてください。大本をループさせているために
|
|
12
12
|
|
|
13
13
|
```vue
|
|
14
14
|
<template>
|
|
15
|
-
<b-card></b-card>
|
|
15
|
+
<b-card></b-card> <!-- 1回目のループ -->
|
|
16
|
-
<b-card></b-card>
|
|
16
|
+
<b-card></b-card> <!-- 2回目のループ -->
|
|
17
|
-
<b-card></b-card>
|
|
18
17
|
</template>
|
|
19
18
|
```
|
|
20
19
|
|
|
21
|
-
こんな感じでタグを作ろうとしているので、templateタグの中は単一でないと駄目じゃ！って怒ってます。
|
|
20
|
+
こんな感じで複数のタグを作ろうとしているので、templateタグの中は単一タグでないと駄目じゃ！ってVueが怒ってます。
|
|
21
|
+
|
|
22
|
-
絶対に
|
|
22
|
+
よくやる失敗ですが、絶対にtemplateタグの中にダイレクトでv-forディレクティブを置かないことです。なので、この場合も中を覆う、b-cardタグにループを置いているのが失敗の根本です。
|
2
テンプレートの中は単一タグ
answer
CHANGED
|
@@ -1,3 +1,22 @@
|
|
|
1
1
|
Vue以前のWebサイト構築の基本を見直して下さい。すごい基本的な部分でコケてます…。
|
|
2
2
|
|
|
3
|
-
tableタグを設定していないのに、trタグもtdタグも見えないですよ。
|
|
3
|
+
tableタグを設定していないのに、trタグもtdタグも見えないですよ。あと、テーブルタグの記述がデタラメすぎます。
|
|
4
|
+
|
|
5
|
+
## 根本の原因
|
|
6
|
+
|
|
7
|
+
それを修正してからVueの問題点を見直して下さい。おそらく
|
|
8
|
+
|
|
9
|
+
**Cannot use v-for on stateful component root element because it renders multiple elements**
|
|
10
|
+
|
|
11
|
+
ってエラーが出ているはずです。**テンプレートの中は単一のエレメントの中だけ**にしてください。大本をループさせているために
|
|
12
|
+
|
|
13
|
+
```vue
|
|
14
|
+
<template>
|
|
15
|
+
<b-card></b-card>
|
|
16
|
+
<b-card></b-card>
|
|
17
|
+
<b-card></b-card>
|
|
18
|
+
</template>
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
こんな感じでタグを作ろうとしているので、templateタグの中は単一でないと駄目じゃ！って怒ってます。
|
|
22
|
+
絶対にtemlateタグで覆う外側にv-forディレクティブを置かないことです。
|
1
基本の基本の基本
answer
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
すごい基本的な部分でコケて
|
|
1
|
+
Vue以前のWebサイト構築の基本を見直して下さい。すごい基本的な部分でコケてます…。
|
|
2
2
|
|
|
3
3
|
tableタグを設定していないのに、trタグもtdタグも見えないですよ。
|