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

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>