ը໘ͷදࣔ
Ұݴܝࣔ൘
HN(ϋϯυϧωʔϜ)
ϝοηʔδ
ૹ৴
{{item.message}} by {{item.name}}
{{item.createdAt}}
<br/>import firebase from 'firebase';<br/>import database from '@/firebase-config';<br/>export default {<br/>name: 'Top',<br/>data() {<br/>return {<br/>name: '',<br/>message: '',<br/>messageList: [],<br/>};<br/>},<br/>created() {<br/>this.listen();<br/>},<br/>methods: {<br/>listen() {<br/>database<br/>.ref('messages/')<br/>.on('value', (snapshot: firebase.database.DataSnapshot | null) => {<br/>if (snapshot) {<br/>const list = snapshot.val();<br/>const keys = Object.keys(list);<br/>const values = keys.map((v) => list[v]);<br/>this.messageList = values.sort((a: Message, b: Message) => {<br/>if (a.sortKey > b.sortKey) return 1;<br/>if (a.sortKey < b.sortKey) return -1;<br/>return 0;<br/>});<br/>}<br/>});<br/>},<br/>sendMessage() {<br/>if (!this.name || !this.message) return;<br/>const message = {<br/>name: this.name,<br/>message: this.message,<br/>createdAt: moment(new Date()).format('YYYY/MM/DD H:mm:ss'),<br/>sortKey: -new Date(),<br/>};<br/>database.ref('messages/').push(message);<br/>this.name = '';<br/>this.message = '';<br/>}<br/>},<br/>};<br/>