如果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)
的结果是这样的:
好像它是一个对象
我尝试这样的,但是当对象空,它不显示<div v-if="!list">No results.</div>
有没有人谁c帮助我?
更新:
如果没有数据的console.log(this.$store.state.order.list)
结果是这样的:
答
<div v-if="Object.keys(list).length === 0">No results.</div>