回答編集履歴
3
コードミス
answer
CHANGED
|
@@ -22,11 +22,11 @@
|
|
|
22
22
|
同じv-rowの中にv-colを入れないと効かないので、
|
|
23
23
|
親コンポーネントで
|
|
24
24
|
```
|
|
25
|
-
<
|
|
25
|
+
<v-container>
|
|
26
|
-
|
|
26
|
+
<v-row>
|
|
27
|
-
|
|
27
|
+
// コンポーネントをv-forで回す
|
|
28
|
-
|
|
28
|
+
</v-row>
|
|
29
|
-
</
|
|
29
|
+
</v-container>
|
|
30
30
|
```
|
|
31
31
|
を書いて、この中で下記子コンポーネントをv-forで呼び出してみてください。
|
|
32
32
|
```
|
2
文法
answer
CHANGED
|
@@ -31,10 +31,19 @@
|
|
|
31
31
|
を書いて、この中で下記子コンポーネントをv-forで呼び出してみてください。
|
|
32
32
|
```
|
|
33
33
|
<template>
|
|
34
|
-
<v-col cols="3"> // colsなどは自由に決めてください
|
|
34
|
+
<v-col cols="3"> // colsなどは自由に決めてください
|
|
35
|
+
<v-card height="560px">
|
|
35
|
-
|
|
36
|
+
<v-row>
|
|
37
|
+
<v-col class="text">
|
|
36
|
-
|
|
38
|
+
<p>{{ text1 }}</p>
|
|
39
|
+
<p>{{ text2 }}</p>
|
|
40
|
+
<p>{{ text3 }}</p>
|
|
37
|
-
</v-col>
|
|
41
|
+
</v-col>
|
|
42
|
+
</v-row>
|
|
43
|
+
<p>{{ name }}</p>
|
|
44
|
+
<p>{{ date }}</p>
|
|
45
|
+
</v-card>
|
|
46
|
+
</v-col>
|
|
38
47
|
</template>
|
|
39
48
|
|
|
40
49
|
// scriptやcss
|
1
文法
answer
CHANGED
|
@@ -24,14 +24,18 @@
|
|
|
24
24
|
```
|
|
25
25
|
<div class="container">
|
|
26
26
|
<div class="row">
|
|
27
|
-
//コンポーネントをv-forで回す
|
|
27
|
+
// コンポーネントをv-forで回す
|
|
28
28
|
</div>
|
|
29
29
|
</div>
|
|
30
30
|
```
|
|
31
31
|
を書いて、この中で下記子コンポーネントをv-forで呼び出してみてください。
|
|
32
32
|
```
|
|
33
|
+
<template>
|
|
33
|
-
<v-col cols="3"> //colsなどは自由に決めてください
|
|
34
|
+
<v-col cols="3"> // colsなどは自由に決めてください
|
|
34
35
|
...
|
|
35
36
|
...
|
|
36
37
|
</v-col>
|
|
38
|
+
</template>
|
|
39
|
+
|
|
40
|
+
// scriptやcss
|
|
37
41
|
```
|