質問編集履歴
4
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -166,16 +166,23 @@
|
|
|
166
166
|
```
|
|
167
167
|
|
|
168
168
|
```json
|
|
169
|
+
[
|
|
169
170
|
{
|
|
170
|
-
|
|
171
|
+
"finished": "false",
|
|
171
|
-
"name": "test1"
|
|
172
|
+
"name:": "test1"
|
|
172
173
|
},
|
|
173
174
|
{
|
|
174
|
-
|
|
175
|
+
"finished": "false",
|
|
175
|
-
"name": "test2"
|
|
176
|
+
"name:": "test2"
|
|
176
177
|
},
|
|
177
|
-
|
|
178
|
+
{
|
|
179
|
+
"finished": "false",
|
|
180
|
+
"name:": "test3"
|
|
181
|
+
},
|
|
178
|
-
|
|
182
|
+
{
|
|
183
|
+
"finished": "false",
|
|
184
|
+
"name:": "test4"
|
|
179
|
-
|
|
185
|
+
}
|
|
186
|
+
]
|
|
180
187
|
|
|
181
188
|
```
|
3
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -140,9 +140,9 @@
|
|
|
140
140
|
// 自分のイメージはこんな感じです。少し見当違いの回答かもしれません・・・
|
|
141
141
|
// まずはJsonに登録されているnameをListに出力させたいのです・・・
|
|
142
142
|
|
|
143
|
-
// for(var i = 0; i < json_data_finished_name.length; i++){
|
|
144
|
-
// json_data_finished_name[i]
|
|
145
|
-
|
|
143
|
+
//
|
|
144
|
+
// json_data_finished_name のみ書込ことで、以下に書いたコードと同じ働きになるのではないかと考えておりました。
|
|
145
|
+
//
|
|
146
146
|
|
|
147
147
|
// ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
|
|
148
148
|
{ finished: false, name: 'test1' },
|
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -129,9 +129,7 @@
|
|
|
129
129
|
console.log("jsonアクセス失敗");
|
|
130
130
|
console.error(this.props.url, status, error.toString());
|
|
131
131
|
}.bind(this),
|
|
132
|
-
|
|
132
|
+
|
|
133
|
-
that.isInitialized = true;
|
|
134
|
-
}
|
|
135
133
|
});
|
|
136
134
|
},
|
|
137
135
|
data: {
|
1
プログラム修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -54,27 +54,9 @@
|
|
|
54
54
|
|
|
55
55
|
```javascript
|
|
56
56
|
|
|
57
|
-
var json_data_name = [];
|
|
58
57
|
|
|
59
|
-
function Ajax_f()
|
|
60
|
-
{
|
|
61
|
-
$.ajax({
|
|
62
|
-
url: "json_data.json",
|
|
63
|
-
dataType: 'json',
|
|
64
|
-
cache: false,
|
|
65
|
-
success: function(data) {
|
|
66
|
-
console.log("jsonアクセス成功");
|
|
67
|
-
|
|
58
|
+
json_data_finished_name =[];
|
|
68
|
-
console.log(json_data_name);
|
|
69
|
-
}.bind(this),
|
|
70
|
-
error: function(xhr, status, error) {
|
|
71
|
-
console.log("jsonアクセス失敗");
|
|
72
|
-
console.error(this.props.url, status, error.toString());
|
|
73
|
-
}.bind(this)
|
|
74
|
-
});
|
|
75
|
-
};
|
|
76
59
|
|
|
77
|
-
|
|
78
60
|
var FormComponent = {
|
|
79
61
|
template: `<form v-on:submit.prevent="form_submit">
|
|
80
62
|
<div>
|
|
@@ -115,17 +97,56 @@
|
|
|
115
97
|
},
|
|
116
98
|
};
|
|
117
99
|
|
|
118
|
-
Ajax_f();
|
|
119
100
|
window.app = new Vue({
|
|
120
101
|
el: '#app',
|
|
121
102
|
components: {
|
|
122
103
|
'form_component': FormComponent,
|
|
123
104
|
'item_component': ItemComponent,
|
|
124
105
|
},
|
|
106
|
+
created:function(){
|
|
107
|
+
$.ajax({
|
|
108
|
+
url:"json_data.json",
|
|
109
|
+
dataType: 'json',
|
|
110
|
+
cache: false,
|
|
111
|
+
success: function(data) {
|
|
112
|
+
console.log("jsonアクセス成功");
|
|
113
|
+
json_data_finished_name = data;
|
|
114
|
+
|
|
115
|
+
// 追加コメント ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
|
|
116
|
+
|
|
117
|
+
// console.log(json_data_finished_name); 以下中身
|
|
118
|
+
// object{ finished="false" , name="test1"},
|
|
119
|
+
// object{ finished="false" , name="test2"},
|
|
120
|
+
// object{ finished="false" , name="test3"}, ・・・
|
|
121
|
+
|
|
122
|
+
// 読込んだ、Json(object)をtasksに落とし込みたいのですが、方法がわからないといった内容です。
|
|
123
|
+
// vue.jsというよりjavascriptの質問になるのかもしれません。
|
|
124
|
+
|
|
125
|
+
// ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
|
|
126
|
+
|
|
127
|
+
}.bind(this),
|
|
128
|
+
error: function(xhr, status, error) {
|
|
129
|
+
console.log("jsonアクセス失敗");
|
|
130
|
+
console.error(this.props.url, status, error.toString());
|
|
131
|
+
}.bind(this),
|
|
132
|
+
complete: function() {
|
|
133
|
+
that.isInitialized = true;
|
|
134
|
+
}
|
|
135
|
+
});
|
|
136
|
+
},
|
|
125
137
|
data: {
|
|
126
138
|
newTask: { finished: false, name: '' },
|
|
127
139
|
tasks: [
|
|
140
|
+
// 追加コメント ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
|
|
141
|
+
|
|
142
|
+
// 自分のイメージはこんな感じです。少し見当違いの回答かもしれません・・・
|
|
143
|
+
// まずはJsonに登録されているnameをListに出力させたいのです・・・
|
|
144
|
+
|
|
145
|
+
// for(var i = 0; i < json_data_finished_name.length; i++){
|
|
146
|
+
// json_data_finished_name[i]
|
|
128
|
-
|
|
147
|
+
// }
|
|
148
|
+
|
|
149
|
+
// ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
|
|
129
150
|
{ finished: false, name: 'test1' },
|
|
130
151
|
{ finished: false, name: 'test2' },
|
|
131
152
|
{ finished: false, name: 'test3' },
|
|
@@ -143,6 +164,7 @@
|
|
|
143
164
|
},
|
|
144
165
|
});
|
|
145
166
|
|
|
167
|
+
|
|
146
168
|
```
|
|
147
169
|
|
|
148
170
|
```json
|