Как получить информацию из базы данных в реальном времени, используя Vue? - PullRequest
Новая
       96

Как получить информацию из базы данных в реальном времени, используя Vue?

0 голосов
/ 09 апреля 2020

У меня проблема с получением информации из моей базы данных в реальном времени. Я могу добавить информацию, нажав кнопку (которая работает), но информация из базы данных не отображается.

Вот код из приложения. vue

<template>
  <div id="app">
    <div>
      <label> Name: </label>
      <input type="text" v-model="name"/>
      <button @click="submitObject()"> Add </button>
    </div>
    <div>
      <ul>
        <li v-for="objectname of objects" v-bind:key="objectname['.key']">{{objectname.name}}

        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import { objectsref } from './firebase';
import { db } from './firebase';

export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your',
      name: '',
      objects: ''
    }
  },
  firebase: {
      objects: objectsref
  },
  methods: {
    submitObject(){
        objectsref.push({name: this.name});
    },
  }
}
</script>

Кто-нибудь еще сталкивался с этой проблемой? Спасибо за ваше время!

...