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

Object 如果vue.js 2上的对象为空,如何添加条件?,object,vue.js,vuejs2,vue-component,vuex,Object,Vue.js,Vuejs2,Vue Component,Vuex,我的vue组件如下所示: <template> <div> <div v-if="!list">No results.</div> <div v-else class="panel-group" v-for="item in list"> ... </div> </div> </template> <scri

我的vue组件如下所示:

<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>

没有结果。
...
导出默认值{
...
计算:{
列表:函数(){
返回此。$store.state.order.list
}
}
}
console.log(this.$store.state.order.list)
的结果如下:

<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)
的结果如下:

<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>

没有结果。