質問編集履歴

2

htmlを変更

2018/01/07 01:17

投稿

you88
you88

スコア147

test CHANGED
File without changes
test CHANGED
@@ -66,17 +66,17 @@
66
66
 
67
67
  ```
68
68
 
69
- <div class="form-inline" id="chat">
69
+ <form v-on:submit.prevent="addMessage">
70
70
 
71
- <textarea v-model="message.user_id" class="hidden" value="<%= @current_user.id %>"></textarea>
71
+ <textarea v-model="message.user_id" class="hidden" value="<%= @current_user.id %>"></textarea>
72
72
 
73
- <textarea v-model="message.board_id" class="hidden" value="<%= @post.id %>"></textarea>
73
+ <textarea v-model="message.board_id" class="hidden" value="<%= @post.id %>"></textarea>
74
74
 
75
- <input type="text" name="" v-model="message.contents" class="col-sm-8 form-control show_form"></textarea>
75
+ <input type="text" name="" v-model="message.contents" class="col-sm-8 form-control show_form"></textarea>
76
76
 
77
- <button type="submit" name="button" v-on:click="addMessage" class="btn btn-primary col-sm-3">送信</button>
77
+ <button type="submit" name="button" class="btn btn-primary col-sm-3">送信</button>
78
78
 
79
- </div>
79
+ </form>
80
80
 
81
81
  ```
82
82
 

1

jsのコード部分を新しいバージョンに変更

2018/01/07 01:17

投稿

you88
you88

スコア147

test CHANGED
File without changes
test CHANGED
@@ -5,10 +5,6 @@
5
5
 
6
6
 
7
7
  ```
8
-
9
- import Vue from 'vue/dist/vue.esm';
10
-
11
- import App from '../app.vue'
12
8
 
13
9
  var Vue = require("vue");
14
10
 
@@ -18,7 +14,7 @@
18
14
 
19
15
 
20
16
 
21
- var firetalks = new Firebase("https://mchat-test-c402b.firebaseio.com/")
17
+ var firetalks = firebase.database().ref('talks')
22
18
 
23
19
  var chat = new Vue({
24
20
 
@@ -49,6 +45,12 @@
49
45
  addMessage: function(){
50
46
 
51
47
  firetalks.push(this.message)
48
+
49
+ this.message.user_id = ''
50
+
51
+ this.message.board_id = ''
52
+
53
+ this.message.contents = ''
52
54
 
53
55
  }
54
56