조건에 따라 계산 된 값을 반환하려고합니다. 그러나 조건이 실패하면 결과적으로 v-if를 추가하면 추악 해지는 null을 반환하는 것에 대해 생각했습니다. 다음은 어떻게 생겼습니까?
AreAllItemsAvailable() {
const finalAvailableItems = this.allItems.filter(
item => this.availableItems.includes(item.id),
)
if (finalAvailableItems.length) {
return finalAvailableItems.every(item => item.count === '1')
} else {
return null
}
},
그런 다음 템플릿에 다음과 같은 것이 있습니다.
v-if= "AreAllItemsAvailable !=null && !AreAllItemsAvailable"
어떻게 개선 할 수 있습니까?
filter
일치하는 항목을 찾지 못하면 빈 배열 []
을 반환하므로 배열 (채워지거나 비어 있음)을 반환하는 하나의 필터 메서드를 유지하고 반복 할 수 있습니다.
AreAllItemsAvailable() {
return this.allItems.filter(
item => this.availableItems.includes(item.id) && item.count === '1',
)
}
템플릿에서 :
v-for="item in AreAllItemsAvailable"
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다