vuefireを導入しバインディングを試みました。
が、下記のエラーが出てしまい。。。refを上手く設定できていないんでしょうか?
var Vue = require("vue"); var VueFire = require("vuefire"); var Firebase = require("firebase"); var firetalks = firebase.database().ref('talks') var chat = new Vue({ el: "#chat", data: { message: { user_id:'', board_id:'', contents:'', } }, firebase: { talks: firetalks }, methods: { addMessage: function(){ firetalks.push(this.message) this.message.user_id = '' this.message.board_id = '' this.message.contents = '' } } })
html
<form v-on:submit.prevent="addMessage"> <textarea v-model="message.user_id" class="hidden" value="<%= @current_user.id %>"></textarea> <textarea v-model="message.board_id" class="hidden" value="<%= @post.id %>"></textarea> <input type="text" name="" v-model="message.contents" class="col-sm-8 form-control show_form"></textarea> <button type="submit" name="button" class="btn btn-primary col-sm-3">送信</button> </form>
エラー内容
firebase.js:136 Uncaught Error: Firebase.child failed: First argument was an invalid path: "talks/[object MouseEvent]". Paths must be non-empty strings and can't contain ".", "#", "$", "[", or "]"
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/06 15:52
2018/01/06 15:58
2018/01/06 16:00
2018/01/06 16:09
2018/01/07 00:04
2018/01/07 01:00
2018/01/07 01:16
2018/01/07 01:41
2018/01/07 02:58