Vue.js 如何计算数组长度跳过空

Vue.js 如何计算数组长度跳过空,vue.js,vuejs2,nuxt.js,nuxtjs,Vue.js,Vuejs2,Nuxt.js,Nuxtjs,我有数据编号:[] 数组包含 numbers: [{number: 5}, {number:}, {number:3}] 数组中有3个对象 当我尝试console.log(number.length) 结果3但是我想要2,因为第二个对象是空的 下面是我要尝试的代码 computed: { total() { return this.numbers.length; }, }, 谢谢请在返回之前尝试过滤这些数字 计算:{ 总数(){ 返回此.numbers.fil

我有数据
编号:[]

数组包含

numbers: [{number: 5}, {number:}, {number:3}]
数组中有3个对象 当我尝试
console.log(number.length)

结果
3
但是我想要
2
,因为第二个对象是空的

下面是我要尝试的代码

computed: {
    total() {
      return this.numbers.length;
    },
  },

谢谢

请在返回之前尝试过滤这些数字

计算:{
总数(){
返回此.numbers.filter(({number})=>Boolean(number)).length;
},
},

您可以使用数组过滤器创建具有自定义条件的新数组

computed: {
total() {
  return this.numbers.filter(el => el.number != null).length;
},

},

这是无效的
{number:}