Vue.js 数组统计:计算 gdzt 等于 1 和 2 的数量
在 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 的总数量。你可以根据实际情况使用这些计算属性来展示或处理数据。
原文地址: https://www.cveoy.top/t/topic/qrcp 著作权归作者所有。请勿转载和采集!