Object 如果vue.js 2上的对象为空,如何添加条件?
我的vue组件如下所示: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
<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>
没有结果。