programing

v-for with v-if

luckcodes 2022. 8. 8. 22:20

v-for with v-if

에 몇 가지 모순이 있는 것을 발견했습니다.Vue문서를 참조해 주세요.누가 좀 명확히 해주시면 감사하겠습니다.v-for-with-v-를 보면 도움이 될 것 같아요제 경우엔 제가 바로 그 상황에 처해 있어요그러나 지금.eslint평하고고있있있

그래서 스타일가이드를 봤는데 이걸 피하라는 거예요.그래서 분명한 모순이 있다.

질문:피해야 하는 게 정말 그렇게 나쁜가요?

의견:라고는 생각하지 않습니다.bad을 사용법

방법 1:

모든 노드가 모든 항목[] 변경 시 렌더링됩니다.

<span v-for="item in items" v-if="item.shouldRender">...</span>

방법 2:

모든 노드가 한 번 렌더링됩니다.

<template v-for="item in items">
    <span v-if="item.shouldRender">...</span>
</template>

방법 3:

필터링된 노드만 렌더링됩니다.필터링된 목록이 캐시됩니다.

<span v-for="item in computedShouldRenderItems">...</span>

나는 '웨이-1'이 정말 나쁘다고 생각하지 않는다.하지만 피하는 게 더 좋아요.

언급URL : https://stackoverflow.com/questions/54531115/vue-v-for-with-v-if