回答編集履歴
1
let me = this の説明を追加
answer
CHANGED
|
@@ -35,7 +35,10 @@
|
|
|
35
35
|
edited: []
|
|
36
36
|
},
|
|
37
37
|
created: function () {
|
|
38
|
+
//下記の***ココ***でthisを指定するとjQueryオブジェクトが入ってしまうので、
|
|
39
|
+
//このタイミングでme変数にvueオブジェクトを代入しています
|
|
38
40
|
let me = this;
|
|
41
|
+
|
|
39
42
|
$.ajax({
|
|
40
43
|
url: "https://next.json-generator.com/api/json/get/NkubeCYTP"
|
|
41
44
|
}).then(function (data) {
|
|
@@ -45,8 +48,10 @@
|
|
|
45
48
|
// lastname: String
|
|
46
49
|
//}]
|
|
47
50
|
//のデータ構成になっています。
|
|
51
|
+
|
|
48
52
|
//受信したJSONを全て舐めて、vueのプロパティに戻す
|
|
49
53
|
me.edited = data.map(function (item, index) {
|
|
54
|
+
//***ココ***
|
|
50
55
|
item.id = index; //idを追加して・・・
|
|
51
56
|
return item; //オブジェクト全体を返す
|
|
52
57
|
});
|