如果vue.js 2中的对象为空,如何添加条件?

问题描述:

我VUE成分是这样的:如果vue.js 2中的对象为空,如何添加条件?

<template> 
    <div> 
     <div v-if="!list">No results.</div> 
     <div v-else class="panel-group" v-for="item in list"> 
      ... 
     </div> 
    </div> 
</template> 
<script> 
    export default { 
     ... 
     computed: { 
      list: function() { 
       return this.$store.state.order.list 
      } 
     } 
    } 
</script> 

console.log(this.$store.state.order.list)的结果是这样的:

enter image description here

好像它是一个对象

我尝试这样的,但是当对象空,它不显示<div v-if="!list">No results.</div>

有没有人谁c帮助我?

更新

如果没有数据的console.log(this.$store.state.order.list)结果是这样的:

enter image description here

<div v-if="Object.keys(list).length === 0">No results.</div>