質問編集履歴

1

HTMLを追加いたしました。

2019/06/07 08:52

投稿

masa207
masa207

スコア22

test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,39 @@
4
4
 
5
5
  以下のように、symbolImgItemのキーの値にimgタグを入れ、v-htmlで画像を表示するような事をしたいのですが、moutedをもう少しシンプルに書きたいのですが、for文などでいい方法は無いでしょうか。
6
6
 
7
+ ```html
7
8
 
9
+ <div class="panel_item">
10
+
11
+ <input id="symbol01" type="radio" v-model.number="b" value="1">
12
+
13
+ <label class="radio-inline" for="symbol01">
14
+
15
+ <div class="img_wrapper" v-html="symbolImgItem.symbolImg01"></div>
16
+
17
+ </label>
18
+
19
+ <a href="" @click.prevent="modalNum = 0;modalAction($event);modalSymbolContent($event)" class="btn btn_small btn_standard02 btn_center modal_btn">詳細を見る</a>
20
+
21
+ </div>
22
+
23
+ <div class="panel_item">
24
+
25
+ <input id="symbol02" type="radio" v-model.number="b" value="2">
26
+
27
+ <label class="radio-inline" for="symbol02">
28
+
29
+ <div class="img_wrapper" v-html="symbolImgItem.symbolImg02"></div>
30
+
31
+ </label>
32
+
33
+ <a href="" @click.prevent="modalNum = 1;modalAction($event);modalSymbolContent($event)" class="btn btn_small btn_standard02 btn_center modal_btn">詳細を見る</a>
34
+
35
+ </div>
36
+
37
+ コード
38
+
39
+ ```
8
40
 
9
41
  ```vue
10
42