質問編集履歴
1
JSやHTMLの名前を変更しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,6 +12,8 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
↓アイコン管理用のjs(icon.js)
|
|
16
|
+
|
|
15
17
|
```javascript
|
|
16
18
|
|
|
17
19
|
new Vue({
|
|
@@ -22,11 +24,17 @@
|
|
|
22
24
|
|
|
23
25
|
information:{
|
|
24
26
|
|
|
25
|
-
in
|
|
27
|
+
iconA: 12,//←数が増えたり減ったりしたら、ここだけ修正して各HTML上でも変更を反映させたい。
|
|
26
28
|
|
|
27
|
-
in
|
|
29
|
+
iconB: 6,//←数が増えたり減ったりしたら、ここだけ修正して各HTML上でも変更を反映させたい。
|
|
28
30
|
|
|
29
|
-
in
|
|
31
|
+
iconC: 8,//←数が増えたり減ったりしたら、ここだけ修正して各HTML上でも変更を反映させたい。
|
|
32
|
+
|
|
33
|
+
・
|
|
34
|
+
|
|
35
|
+
・
|
|
36
|
+
|
|
37
|
+
・
|
|
30
38
|
|
|
31
39
|
}
|
|
32
40
|
|
|
@@ -36,27 +44,29 @@
|
|
|
36
44
|
|
|
37
45
|
```
|
|
38
46
|
|
|
47
|
+
↓各HTMLのアイコン表示部分
|
|
48
|
+
|
|
39
49
|
```HTML
|
|
40
50
|
|
|
41
|
-
<div v-for="n in in
|
|
51
|
+
<div v-for="n in iconA">
|
|
42
52
|
|
|
43
|
-
<img :src="'../icon/in
|
|
53
|
+
<img :src="'../icon/iconA-' + n + '.png'">
|
|
44
54
|
|
|
45
55
|
</div>
|
|
46
56
|
|
|
47
57
|
|
|
48
58
|
|
|
49
|
-
<div v-for="n in in
|
|
59
|
+
<div v-for="n in iconB">
|
|
50
60
|
|
|
51
|
-
<img :src="'../icon/in
|
|
61
|
+
<img :src="'../icon/iconB-' + n + '.png'">
|
|
52
62
|
|
|
53
63
|
</div>
|
|
54
64
|
|
|
55
65
|
|
|
56
66
|
|
|
57
|
-
<div v-for="n in in
|
|
67
|
+
<div v-for="n in iconC">
|
|
58
68
|
|
|
59
|
-
<img :src="'../icon/in
|
|
69
|
+
<img :src="'../icon/iconC-' + n + '.png'">
|
|
60
70
|
|
|
61
71
|
</div>
|
|
62
72
|
|
|
@@ -72,16 +82,20 @@
|
|
|
72
82
|
|
|
73
83
|
<script src="JS1.js"></script>
|
|
74
84
|
|
|
75
|
-
<script src="in
|
|
85
|
+
<script src="icon.js"></script>
|
|
76
86
|
|
|
77
87
|
のように二つのjsファイルを読み込んだらエラーで何も表示されなくなりました。
|
|
78
88
|
|
|
79
89
|
|
|
80
90
|
|
|
81
|
-
info.jsの方を「el:"#appinfo"」として、HTMLで<div id="appin
|
|
91
|
+
info.jsの方を「el:"#appinfo"」として、HTMLで<div id="appicon">を増やしてみましたが、これもエラーで表示が消えました。
|
|
82
92
|
|
|
83
93
|
|
|
84
94
|
|
|
85
95
|
importとexportについても調べてみたのですが、関数の引用での記事ばかりなのと、Vueでの使い方がいまいち理解できないのとで、うまくいきません。
|
|
86
96
|
|
|
87
97
|
どうかご教示お願いいたします。
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
動作確認環境はWin10、Google Chromeです。
|