使用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对象：

＆＃34; In＆＃34; 列应显示 4 ，＆＃34; Out＆＃39;＆＃34;＆＃34 ; 应显示 3 ，＆＃34;余额＆＃34; 列应显示 1 。 这是我的组件上的firebase设置和数据代码：

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

那些愿意帮忙的灵魂？

Answer 1

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

<强> {{Object.keys（ JSON.Object的 的）。长度}}

所以在我的情况下，这就是诀窍：

<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 ）。 }}