在 Vue.js 前端中,可以使用计算属性来求出数组中等于 1 和等于 2 的 gdzt 的数量。假设有一个名为 gdztArr 的数组,可以这样实现计算属性:

computed: {
  gdztCount1: function() {
    return this.gdztArr.filter(item => item.gdzt === 1).length;
  },
  gdztCount2: function() {
    return this.gdztArr.filter(item => item.gdzt === 2).length;
  },
  gdztSumCount: function() {
    let count = 0;
    for (let item of this.gdztArr) {
      if (item.gdzt === 1 || item.gdzt === 2) {
        count += item.gdzt;
      }
    }
    return count;
  }
}

在上面的代码中,gdztCount1 计算属性返回 gdzt 为 1 的数量,gdztCount2 计算属性返回 gdzt 为 2 的数量,gdztSumCount 计算属性返回 gdzt 为 1 或 2 的总数量。你可以根据实际情况使用这些计算属性来展示或处理数据。

Vue.js 数组统计:计算 gdzt 等于 1 和 2 的数量

原文地址: https://www.cveoy.top/t/topic/qrcp 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录