質問編集履歴
5
解説入りコードの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,4 +106,35 @@
|
|
|
106
106
|
→available_teachersのデータが変われば表示される授業可能の先生がかわる
|
|
107
107
|
→ajaxでとってきた授業可能の先生情報をこのavailable_teachersに上書きすることはできないのか？？
|
|
108
108
|
|
|
109
|
-
これができたらhtml側を何一つ修正せずに目的が達成できるのでbestだと思っております。
|
|
109
|
+
これができたらhtml側を何一つ修正せずに目的が達成できるのでbestだと思っております。
|
|
110
|
+
|
|
111
|
+
**thisについての解説入りコード**
|
|
112
|
+
---
|
|
113
|
+
```
|
|
114
|
+
const schedule = new Vue({
|
|
115
|
+
el: '#schedule',
|
|
116
|
+
data: {
|
|
117
|
+
rows : rows,
|
|
118
|
+
available_teachers : available_teachers
|
|
119
|
+
},
|
|
120
|
+
methods: {
|
|
121
|
+
change_date:function(date_id){
|
|
122
|
+
const data = { date_id : date_id};
|
|
123
|
+
var self = this;//ここでのthisはchange_dateメソッドの呼び出し関数なので、そのobjectであるscheduleを意味する
|
|
124
|
+
this.$http.post('/ajax/reservation_calender/change_date', data)
|
|
125
|
+
.then(function(res){console.log(this);
|
|
126
|
+
self.available_teachers = res.data.available_teachers;
|
|
127
|
+
|
|
128
|
+
//this.available_teachers = res.data.available_teachers;
|
|
129
|
+
//例えばこの書き方だとメソッドの呼び出しではないただの関数の中にthisがある
|
|
130
|
+
//=thisはただのwinodwオブジェクト(global object)
|
|
131
|
+
|
|
132
|
+
}).catch(function(error){
|
|
133
|
+
// 失敗したとき
|
|
134
|
+
|
|
135
|
+
alert('送信が失敗しました。');//テストのため
|
|
136
|
+
});
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
});
|
|
140
|
+
```
|
4
質問を受けての訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -106,4 +106,4 @@
|
|
|
106
106
|
→available_teachersのデータが変われば表示される授業可能の先生がかわる
|
|
107
107
|
→ajaxでとってきた授業可能の先生情報をこのavailable_teachersに上書きすることはできないのか？？
|
|
108
108
|
|
|
109
|
-
これができたらhtml側を何一つ修正
|
|
109
|
+
これができたらhtml側を何一つ修正せずに目的が達成できるのでbestだと思っております。
|
3
質問を受けての追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -89,4 +89,21 @@
|
|
|
89
89
|
console.logの結果
|
|
90
90
|
|
|
91
91
|
|
|
92
|
-
よろしくお願いいたします。
|
|
92
|
+
よろしくお願いいたします。
|
|
93
|
+
|
|
94
|
+
**質問を受けての追記①**
|
|
95
|
+
---
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
const schedule = new Vue({
|
|
99
|
+
el: '#schedule',
|
|
100
|
+
data: {
|
|
101
|
+
rows : rows,
|
|
102
|
+
available_teachers : available_teachers
|
|
103
|
+
},
|
|
104
|
+
```
|
|
105
|
+
表示するときには、↑に保存されているavailable_teachersを利用する
|
|
106
|
+
→available_teachersのデータが変われば表示される授業可能の先生がかわる
|
|
107
|
+
→ajaxでとってきた授業可能の先生情報をこのavailable_teachersに上書きすることはできないのか？？
|
|
108
|
+
|
|
109
|
+
これができたらhtml側を何一つ修正することができるのでbestだと思っております。
|
2
題名の変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
laravel5.5・vue.js Ajax使用時に返り値を利用し
|
|
1
|
+
laravel5.5・vue.js Ajax使用時に返り値を利用し対象部分のみを切り替えるには？？
|
body
CHANGED
|
File without changes
|
1
題名の変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
laravel5.5・vue.js Ajax使用時に返り値
|
|
1
|
+
laravel5.5・vue.js Ajax使用時に返り値を利用し画面を切り替えるには？？
|
body
CHANGED
|
File without changes
|