我如何从实时数据库硬编码我的数据？

Question

所以我在实时数据存储中存储了一些数据，只有管理员可以访问显示所有数据的页面，但是我如何将数据硬编码到网站上，这就是我已经尝试过的方法：

<!-- my html -->
<div v-for="(option, i) in reserveringen" :key="i">
  {{ reserveringen[i] }}
</div>

data: function(){
        return {
            lidnummer: '',
            reserveringen: []
        }
    },

mounted() {
  self = this

  const reserveringsref = firebase.database().ref('Reserveringen/')
  reserveringsref.once('value', function(snapshot){
            const lidnummer = ''
            const reserveringen = []

            snapshot.forEach(function(childSnapshot){
                const data = childSnapshot.val()

                self.lidnummer = data.Lidnummer

                reserveringen.push(
                    "<tr><td>" + data.Lidnummer + "</td></tr>"
                )
            });
            self.reserveringen = reserveringen; 
        });
    },

这只会显示我制作的文本数组。任何人都可以帮助我解决这个问题，还是我完全做错了任何建议将不胜感激！

Answer 1

我猜你的问题不是 RT-db，而是 Vue；

如果你想在 JS 部分构建 HTML（就像你通过将 html 标签推入数组所做的那样），你应该使用 v-html 指令而不是插值.

类似的东西

<div v-for="(option, i) in reserveringen" :key="i" v-html="reserveringen[i]">
</div>

我如何从实时数据库硬编码我的数据？

How can i hard code my data from realtime database?

javascript

firebase

vue.js

firebase-realtime-database

hardcode