質問編集履歴
1
vueの古い部分をアップデート
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -197,3 +197,47 @@
|
|
|
197
197
|
|
|
198
198
|
|
|
199
199
|
（railsとこのhtml一枚のみで試していてどちらでも動かないです。）
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
追記
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
|
|
209
|
+
```
|
|
210
|
+
|
|
211
|
+
<div v-for="message in messages">
|
|
212
|
+
|
|
213
|
+
{{$index}}
|
|
214
|
+
|
|
215
|
+
<input v-model="message.body" value="{{message.body}}" v-on:keyup="changeMessage(message)">
|
|
216
|
+
|
|
217
|
+
from:{{message.from}}
|
|
218
|
+
|
|
219
|
+
<button v-on:click="deleteMessage(message)" >x</button>
|
|
220
|
+
|
|
221
|
+
<br>
|
|
222
|
+
|
|
223
|
+
</div>
|
|
224
|
+
|
|
225
|
+
<form id="form" v-on:submit="addMessage">
|
|
226
|
+
|
|
227
|
+
from:<br>
|
|
228
|
+
|
|
229
|
+
<input v-model="newMessage.from">
|
|
230
|
+
|
|
231
|
+
<br>
|
|
232
|
+
|
|
233
|
+
message:<br>
|
|
234
|
+
|
|
235
|
+
<input v-model="newMessage.body">
|
|
236
|
+
|
|
237
|
+
<input type="submit" value="Add Message">
|
|
238
|
+
|
|
239
|
+
</form>
|
|
240
|
+
|
|
241
|
+
```
|
|
242
|
+
|
|
243
|
+
form部分のvueが古かったので書き直し
|