我有一个初始空对象,处于Vuex状态,可以从API更新。

const state = {
  someObject: {}
}

如何检查模板中的对象是否为空?
<template>
  <div v-if="someObject">
    This should not display when someObject is empty.
  </div>
</template>

检查状态对象是否已设置/为空的最佳实践是什么?

我是否应该设置someObject: null/undefined/false初始,即使它希望被新对象更新?

进行 setter/getter 检查是否有意义?
export const someObject = state => Object.getOwnPropertyNames(state.someObject).length == 0 ? state.someObject : false

最佳答案

您可以使用lodash方法:_.isEmpty({someObject});
或者,如果您想吸气:

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

关于javascript - 如何检查Vuex状态对象是否为空,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44959254/

10-12 07:09