javascript - 如何检查 Vuex 状态对象是否为空

Question

我有一个处于 Vuex 状态的初始空对象，它从 API 更新。

const state = {
  someObject: {}
}

如何检查模板中的对象是否为空？

<template>
  <div v-if="someObject">
    This should not display when someObject is empty.
  </div>
</template>

检查状态对象是否已设置/为空的最佳做法是什么？

我是否应该一开始就设置 someObject: null/undefined/false，即使它希望用新对象更新？

检查 getter 是否有意义？

export const someObject = state => Object.getOwnPropertyNames(state.someObject).length == 0 ? state.someObject : false

Answer 1

您可以使用 lodash 方法:_.isEmpty({someObject});

或者如果你想做一个 setter/getter :

computed:{
  objectLength(state){
    return Object.keys(state.someObject).length
  }