質問編集履歴
1
HTMLを追加いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
質問失礼いたします。
|
|
2
2
|
|
|
3
3
|
以下のように、symbolImgItemのキーの値にimgタグを入れ、v-htmlで画像を表示するような事をしたいのですが、moutedをもう少しシンプルに書きたいのですが、for文などでいい方法は無いでしょうか。
|
|
4
|
-
|
|
4
|
+
```html
|
|
5
|
+
<div class="panel_item">
|
|
6
|
+
<input id="symbol01" type="radio" v-model.number="b" value="1">
|
|
7
|
+
<label class="radio-inline" for="symbol01">
|
|
8
|
+
<div class="img_wrapper" v-html="symbolImgItem.symbolImg01"></div>
|
|
9
|
+
</label>
|
|
10
|
+
<a href="" @click.prevent="modalNum = 0;modalAction($event);modalSymbolContent($event)" class="btn btn_small btn_standard02 btn_center modal_btn">詳細を見る</a>
|
|
11
|
+
</div>
|
|
12
|
+
<div class="panel_item">
|
|
13
|
+
<input id="symbol02" type="radio" v-model.number="b" value="2">
|
|
14
|
+
<label class="radio-inline" for="symbol02">
|
|
15
|
+
<div class="img_wrapper" v-html="symbolImgItem.symbolImg02"></div>
|
|
16
|
+
</label>
|
|
17
|
+
<a href="" @click.prevent="modalNum = 1;modalAction($event);modalSymbolContent($event)" class="btn btn_small btn_standard02 btn_center modal_btn">詳細を見る</a>
|
|
18
|
+
</div>
|
|
19
|
+
コード
|
|
20
|
+
```
|
|
5
21
|
```vue
|
|
6
22
|
var vm = new Vue({
|
|
7
23
|
el: "#app",
|