Vue.js、Buefy、firebaseを使いwebアプリを作成しております。
フォームに入力した情報をボタンをクリックして@clickイベントを実行しpublishを実行しています。
その際、以下のようなエラーが出てしまいます。
恐らくショボいミスなのでしょうが、ご享受お願いします。
エラー
TypeError:formatDate is not a function
[Vue warn]: Error in v-on handler: "TypeError: formatDate is not a function"
found in
---> <BButton>
<Create> at src/views/Create.vue
<App> at src/App.vue
<Root>
試したこと
const date = this.$date(new Date(), "DD MMMM, YYYY")
を
const date = this.$date(new Date(), "dd MMMM, yyyy")
に変えてみる。
const date = firebase.firestore.Timestamp.fromDate(new Date(`2020/01/01 00:00:00`));
に変えてみたりしましたが、結果は変わりませんでした。
現状のソースコード
<section>
<h2 class="title is-3">taitle</h2>
<b-input type="text" class="new_input" placeholder="Title" v-model="title"></b-input>
<b-input type="text" class="tag" placeholder="タグ" v-model="tag" @keypress.enter="addTag"></b-input>
<div v-if="tags.length > 0" class="tags">
<li v-for="(tag,idx) in tags" :key="idx" class="content is-rounded">
{{ tag }}
<span class="cursor-pointer" @click="removeTag"></span>
</li>
</div>
<textarea class="textarea" placeholder="Content" v-model="content"></textarea>
<b-button type="is-primary" @click="publish" expanded>投稿する</b-button>
</section>
<script>
import firebase from 'firebase';
import { auth } from '@/main'
import { db } from '@/main'
export default {
data() {
return {
title: '',
tags: [],
content: '',
tag: '',
currentUser: {}
}
},
created() {
auth.onAuthStateChanged(user => {
this.currentUser = user
})
},
methods: {
addTag() {
this.tags.push(this.tag),
this.tag = ''
},
removeTag(idx) {
this.tags.splice(idx,1)
},
publish() {
const date = this.$date(new Date(), "dd MMMM, yyyy")
db.collection('posts').add({
title: this.title,
tags: this.tags,
content: this.content,
createdAt: date,
uid: this.currentUser.uid
})
.then((post) =>
this.$router.push('/post/' + this.post.uid + '/' + this.post.id),
alert('The post got published!')
)
}
}
}
</script>