使用vuefire时是否可以获取firebase JSON对象的长度？

Question

我有以下 firebase JSON 对象：

"items" : {
  "111111111111" : {
      "ins" : {  <<<<<<<<< I want to display the length of this
        "1523878813443" : true,
        "1523878891312" : true,
        "1523878911379" : true,
        "1523879091312" : true
      },
      "name" : "10",
      "outs" : {  <<<<<<<<< and this one too
        "1523878813443" : true,
        "1523878891312" : true,
        "1523878911379" : true
      },
      "ownerID" : "QpMHsVHHRrMvk92rbSQvcYEv4en1"
    }
}

这是我尝试更新这些值的模板部分：

<tbody>
  <tr v-for="item in items" >
     <td>
        {{item.childone - door.childtwo}}
     </td>
     <td>    
        {{item.childone}} 
      </td> 
      <td>
        {{item.childtwo}}
      </td>
   </tr>
</tbody>

我让它像这样显示 JSON 对象：

"In's"栏应该显示4，"Out's" 应显示 3，"Balance" 列应显示 1。这是我组件上的 firebase 设置和数据代码：

import firebase { doorsRef } from '../firebase-config';
export default {
  firebase() { 
    return {
      items: itemsRef,
    }
  },
...etc
}

有好心人愿意帮忙吗？

Answer 1

知道 JSON 对象有 keys（和值）我在我的模板上使用了这个：

{{Object.keys(JSON.Object).length}}

所以在我的例子中，这成功了：

<tbody>
   <tr v-for="item in items" >
      <td>
         {{Object.keys(item.childone).length - Object.keys(item.childtwo).length}}
      </td>
      <td>    
         {{Object.keys(item.childone).length}} 
      </td> 
      <td>
         {{Object.keys(item.childtwo).length}} 
      </td>
    </tr>
</tbody>

另外你也可以统计values的个数：{{Object.values(JSON.Object).length}}

使用vuefire时是否可以获取firebase JSON对象的长度？

Is it possible to get the length of a firebase JSON object when using vuefire?

json

firebase

firebase-realtime-database

vuejs2

vuefire