如果 vue.js 2 上的对象为空,如何添加条件?
How to add condition if object empty on the vue.js 2?
我的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>
console.log(this.$store.state.order.list)
的结果是这样的:
似乎是一个对象
我这样试过,但是当对象为空时,它不显示<div v-if="!list">No results.</div>
有没有人可以帮助我?
更新 :
如果没有数据,console.log(this.$store.state.order.list)
的结果是这样的:
<div v-if="Object.keys(list).length === 0">No results.</div>
我的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>
console.log(this.$store.state.order.list)
的结果是这样的:
似乎是一个对象
我这样试过,但是当对象为空时,它不显示<div v-if="!list">No results.</div>
有没有人可以帮助我?
更新 :
如果没有数据,console.log(this.$store.state.order.list)
的结果是这样的:
<div v-if="Object.keys(list).length === 0">No results.</div>