質問編集履歴
3
詳細を追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue CLIでaxiosを使ってAPIから取得したJSONファイル内の特定要素
|
|
1
|
+
Vue CLIでaxiosを使ってAPIから取得したJSONファイル内の特定の要素の表示、もしくは削除
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
<div v-for="user in users" :key="user.id">
|
|
10
10
|
|
|
11
|
-
<span><b>リスト：{{ user.list1 }} </b></span>
|
|
11
|
+
<span><b>リスト：{{ user.list1 | moment }} </b></span>
|
|
12
12
|
|
|
13
13
|
</div>
|
|
14
14
|
|
|
@@ -21,6 +21,8 @@
|
|
|
21
21
|
<script>
|
|
22
22
|
|
|
23
23
|
import axios from 'axios';
|
|
24
|
+
|
|
25
|
+
import moment from 'moment';
|
|
24
26
|
|
|
25
27
|
|
|
26
28
|
|
|
@@ -58,7 +60,7 @@
|
|
|
58
60
|
|
|
59
61
|
****: ****,
|
|
60
62
|
|
|
61
|
-
date:
|
|
63
|
+
date: ****,
|
|
62
64
|
|
|
63
65
|
}
|
|
64
66
|
|
|
@@ -82,7 +84,17 @@
|
|
|
82
84
|
|
|
83
85
|
}
|
|
84
86
|
|
|
87
|
+
},
|
|
88
|
+
|
|
89
|
+
filters: {
|
|
90
|
+
|
|
91
|
+
moment: function (data) {
|
|
92
|
+
|
|
93
|
+
return moment.utc(data, 'hh:mm:ss a').local().format('LTS');
|
|
94
|
+
|
|
85
|
-
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
}
|
|
86
98
|
|
|
87
99
|
}
|
|
88
100
|
|
|
@@ -104,7 +116,7 @@
|
|
|
104
116
|
|
|
105
117
|
"list2":"5:05:55 PM",
|
|
106
118
|
|
|
107
|
-
"list3":"9:38:53",
|
|
119
|
+
"list3":"9:38:53",
|
|
108
120
|
|
|
109
121
|
"list4":"5:05:55 PM",
|
|
110
122
|
|
|
@@ -124,11 +136,11 @@
|
|
|
124
136
|
|
|
125
137
|
|
|
126
138
|
|
|
127
|
-
{{ user.list1 }}
|
|
139
|
+
リスト：{{ user.list1 }}
|
|
128
140
|
|
|
129
141
|
|
|
130
142
|
|
|
131
|
-
Vueインスタンスの要素を呼び出し時に、「"7:27:02 AM"」のみを表示させたい。
|
|
143
|
+
Vueインスタンスの要素を呼び出し時に、「リスト："7:27:02 AM"」のみを表示させたい。
|
|
132
144
|
|
|
133
145
|
|
|
134
146
|
|
|
@@ -148,11 +160,11 @@
|
|
|
148
160
|
|
|
149
161
|
|
|
150
162
|
|
|
151
|
-
Vueインスタンスの要素を呼び出したのですが、JSONファイル内の「"status":"OK"」
|
|
163
|
+
Vueインスタンスの要素を呼び出したのですが、JSONファイル内の「"status":"OK"」が時刻として変換されて、アプリ上では「リスト：Invalid date」と表示されてしまいます。
|
|
152
164
|
|
|
153
165
|
|
|
154
166
|
|
|
155
|
-
この「"status":"OK"」という
|
|
167
|
+
この「"status":"OK"」、「リスト：Invalid date」という要素を削除する方法がわかりません。もしくは表示しないようにする方法がわかりません。
|
|
156
168
|
|
|
157
169
|
|
|
158
170
|
|
2
タイトルの変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue CLIでaxiosを使ってAPIから取得したJSONファイル内の特定要素を削除
|
|
1
|
+
Vue CLIでaxiosを使ってAPIから取得したJSONファイル内の特定要素を削除か表示させたい
|
test
CHANGED
|
File without changes
|
1
実現したいことの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -118,6 +118,22 @@
|
|
|
118
118
|
|
|
119
119
|
```
|
|
120
120
|
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
###実現したいこと
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
{{ user.list1 }}
|
|
128
|
+
|
|
129
|
+
|
|
130
|
+
|
|
131
|
+
Vueインスタンスの要素を呼び出し時に、「"7:27:02 AM"」のみを表示させたい。
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
|
|
121
137
|
### 発生している問題・エラーメッセージ
|
|
122
138
|
|
|
123
139
|
|
|
@@ -136,8 +152,6 @@
|
|
|
136
152
|
|
|
137
153
|
|
|
138
154
|
|
|
139
|
-
|
|
140
|
-
|
|
141
155
|
この「"status":"OK"」という特定要素を削除する方法がわかりません。もしくは表示しないようにする方法がわかりません。
|
|
142
156
|
|
|
143
157
|
|