回答編集履歴
3
filtersのmomentメソッド調整
answer
CHANGED
|
@@ -30,4 +30,27 @@
|
|
|
30
30
|
const user = response.data.results.list1
|
|
31
31
|
this.user = user
|
|
32
32
|
})
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
12/14追記
|
|
36
|
+
|
|
37
|
+
momentで与えられた時間をフォーマットする
|
|
38
|
+
```
|
|
39
|
+
filters: {
|
|
40
|
+
moment: function (date) {
|
|
41
|
+
const today = new Date()
|
|
42
|
+
const time = date.split(':');
|
|
43
|
+
const seconds = time[2].split(' ')[0]
|
|
44
|
+
const timeObj = {
|
|
45
|
+
years: today.getFullYear(),
|
|
46
|
+
months: today.getMonth(),
|
|
47
|
+
days: today.getDay(),
|
|
48
|
+
hours: time[0],
|
|
49
|
+
minutes: time[1],
|
|
50
|
+
seconds: seconds
|
|
51
|
+
}
|
|
52
|
+
const formattedTime = moment(timeObj).format('YYYY/MM/DD HH:mm:ss')
|
|
53
|
+
return formattedTime
|
|
54
|
+
}
|
|
55
|
+
}
|
|
33
56
|
```
|
2
dataのusers: []をuserに変更
answer
CHANGED
|
@@ -13,6 +13,13 @@
|
|
|
13
13
|
<span><b>リスト：{{ user| moment }} </b></span>
|
|
14
14
|
</div>
|
|
15
15
|
</template>
|
|
16
|
+
export default {
|
|
17
|
+
data() {
|
|
18
|
+
return {
|
|
19
|
+
user: null,
|
|
20
|
+
};
|
|
21
|
+
},
|
|
22
|
+
}
|
|
16
23
|
|
|
17
24
|
```
|
|
18
25
|
|
1
apiの返り値がオブジェクトだと想定した場合の処理に変更
answer
CHANGED
|
@@ -10,18 +10,17 @@
|
|
|
10
10
|
<template>
|
|
11
11
|
<div id="app">
|
|
12
12
|
<button v-on:click="call_api()">表示する</button>
|
|
13
|
-
<div v-for="user in users" :key="user.id">
|
|
14
|
-
|
|
13
|
+
<span><b>リスト：{{ user| moment }} </b></span>
|
|
15
|
-
</div>
|
|
16
14
|
</div>
|
|
17
15
|
</template>
|
|
18
16
|
|
|
19
17
|
```
|
|
20
18
|
|
|
21
19
|
```js
|
|
20
|
+
|
|
22
|
-
// api取得時に整形してthis.
|
|
21
|
+
// api取得時に整形してthis.user入れます
|
|
23
22
|
.then(response => {
|
|
24
|
-
const
|
|
23
|
+
const user = response.data.results.list1
|
|
25
|
-
this.
|
|
24
|
+
this.user = user
|
|
26
25
|
})
|
|
27
26
|
```
|