vue 写一个方法 怎么遍历一个集合,判断集合里面某个属性的值是否有为null的 有null就返回flase 没有就返回true
时间: 2024-10-09 21:06:45 浏览: 17
在 Vue 中,你可以创建一个名为 `checkNullItems` 的方法来遍历一个数组并检查其中指定属性是否存在 null 值。这里是一个简单的示例:
```javascript
new Vue({
data() {
return {
collection: [
{ name: 'Item1', value: 'abc' },
{ name: 'Item2', value: null },
{ name: 'Item3', value: 'def' }
]
};
},
methods: {
checkNullItems(array, property) {
for (let item of array) {
if (item[property] === null) {
return false;
}
}
// 如果没有找到 null,则返回 true
return true;
}
},
mounted() {
console.log(this.checkNullItems(this.collection, 'value')); // 测试该方法
}
})
```
在这个例子中,我们定义了一个 `collection` 数组,并在 `checkNullItems` 方法中传入数组和要检查的属性名。然后通过 `for...of` 循环遍历数组,如果发现某个元素的指定属性值为 null,就立即返回 false。如果没有遇到 null,则在循环结束后返回 true。
阅读全文