質問編集履歴

5

解説入りコードの追記

2018/04/20 01:52

投稿

kazoogon
kazoogon

スコア281

test CHANGED
File without changes
test CHANGED
@@ -215,3 +215,65 @@
215
215
 
216
216
 
217
217
  これができたらhtml側を何一つ修正せずに目的が達成できるのでbestだと思っております。
218
+
219
+
220
+
221
+ **thisについての解説入りコード**
222
+
223
+ ---
224
+
225
+ ```
226
+
227
+ const schedule = new Vue({
228
+
229
+ el: '#schedule',
230
+
231
+ data: {
232
+
233
+ rows : rows,
234
+
235
+ available_teachers : available_teachers
236
+
237
+ },
238
+
239
+ methods: {
240
+
241
+ change_date:function(date_id){
242
+
243
+ const data = { date_id : date_id};
244
+
245
+ var self = this;//ここでのthisはchange_dateメソッドの呼び出し関数なので、そのobjectであるscheduleを意味する
246
+
247
+ this.$http.post('/ajax/reservation_calender/change_date', data)
248
+
249
+ .then(function(res){console.log(this);
250
+
251
+ self.available_teachers = res.data.available_teachers;
252
+
253
+
254
+
255
+ //this.available_teachers = res.data.available_teachers;
256
+
257
+ //例えばこの書き方だとメソッドの呼び出しではないただの関数の中にthisがある
258
+
259
+   //=thisはただのwinodwオブジェクト(global object)
260
+
261
+
262
+
263
+ }).catch(function(error){
264
+
265
+ // 失敗したとき
266
+
267
+
268
+
269
+ alert('送信が失敗しました。');//テストのため
270
+
271
+ });
272
+
273
+ }
274
+
275
+ }
276
+
277
+ });
278
+
279
+ ```

4

質問を受けての訂正

2018/04/20 01:52

投稿

kazoogon
kazoogon

スコア281

test CHANGED
File without changes
test CHANGED
@@ -214,4 +214,4 @@
214
214
 
215
215
 
216
216
 
217
- これができたらhtml側を何一つ修正することができるのでbestだと思っております。
217
+ これができたらhtml側を何一つ修正せずに目的達成できるのでbestだと思っております。

3

質問を受けての追記

2018/04/19 01:06

投稿

kazoogon
kazoogon

スコア281

test CHANGED
File without changes
test CHANGED
@@ -181,3 +181,37 @@
181
181
 
182
182
 
183
183
  よろしくお願いいたします。
184
+
185
+
186
+
187
+ **質問を受けての追記①**
188
+
189
+ ---
190
+
191
+
192
+
193
+ ```
194
+
195
+ const schedule = new Vue({
196
+
197
+ el: '#schedule',
198
+
199
+ data: {
200
+
201
+ rows : rows,
202
+
203
+ available_teachers : available_teachers
204
+
205
+ },
206
+
207
+ ```
208
+
209
+ 表示するときには、↑に保存されているavailable_teachersを利用する
210
+
211
+  →available_teachersのデータが変われば表示される授業可能の先生がかわる
212
+
213
+  →ajaxでとってきた授業可能の先生情報をこのavailable_teachersに上書きすることはできないのか??
214
+
215
+
216
+
217
+ これができたらhtml側を何一つ修正することができるのでbestだと思っております。

2

題名の変更

2018/04/19 00:31

投稿

kazoogon
kazoogon

スコア281

test CHANGED
@@ -1 +1 @@
1
- laravel5.5・vue.js Ajax使用時に返り値を利用し画面を切り替えるには??
1
+ laravel5.5・vue.js Ajax使用時に返り値を利用し対象部分のみを切り替えるには??
test CHANGED
File without changes

1

題名の変更

2018/04/18 07:55

投稿

kazoogon
kazoogon

スコア281

test CHANGED
@@ -1 +1 @@
1
- laravel5.5・vue.js Ajax使用時に返り値は取得できているが画面で変更されない
1
+ laravel5.5・vue.js Ajax使用時に返り値を利用し画面を切り替えるには??
test CHANGED
File without changes