筛选出 baseForm.inputKey 数组中item.keyName 和item.valueName 都不为空的项
时间: 2024-10-22 07:17:04 浏览: 20
BaseForm.rar
如果你想在 Vue.js 中筛选出 `baseForm.inputKey` 数组中的那些 `item.keyName` 和 `item.valueName` 均非空的项,你可以创建一个新的数组,只包含满足条件的元素。这通常会在数组过滤操作(filter method)中完成,如下所示:
```javascript
const filteredItems = baseForm.inputKey.filter(item => {
return item.keyName !== '' && item.valueName !== '';
});
```
这段代码会返回一个新的数组,其中每个元素都是 `baseForm.inputKey` 中 keyName 和 valueName 都非空的项。
如果要在Vue组件内维护这个筛选后的数组,你可以将结果放在一个响应式的 computed 属性里:
```javascript
computed: {
filteredInputKeys() {
return this.baseForm.inputKey.filter(item => {
return item.keyName !== '' && item.valueName !== '';
});
}
},
```
现在每次 `baseForm.inputKey` 变化时,`filteredInputKeys` 会自动更新为只包含符合条件的项。
阅读全文