기록

  • 홈
  • 태그
  • 방명록

vue3 v-for 조건 1

[vue3] v-for, v-if 같이 사용(computed/watch)

Vue.js 2.3 버전부터는 v-for와 v-if를 함께 사용할 수 있도록 v-for 디렉티브에 v-if를 추가할 수 있는 기능이 추가되었습니다. 따라서 Vue.js 2.3 이상의 버전에서는 v-for와 v-if를 함께 사용하는 것이 가능합니다. 하지만 Vue.js에서는 v-for와 v-if를 함께 사용하는 것은 좋지 않습니다. 이유는 v-for 디렉티브가 먼저 수행되고, 그 후에 v-if 디렉티브가 실행되기 때문입니다. 이로 인해 원하지 않는 결과를 가져올 수 있습니다. computed v-for와 v-if를 함께 사용하려면 주의가 필요합니다. 만약 v-if를 사용하여 데이터를 필터링하려면, v-for를 사용하는 대신에 computed 속성을 사용하여 필터링 된 데이터를 반환하도록 하는 것이 좋습니다..

Frontend/vue3 2023.04.19
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (273)
    • Frontend (102)
      • javaScript (29)
      • react (30)
      • vue3 (24)
      • angularjs (2)
      • jquery (4)
      • html (4)
      • css (3)
      • HTTP 통신 (6)
    • gridLib (24)
      • auiGrid (2)
      • agGrid (7)
      • jqGrid (15)
    • Backend (57)
      • JAVA (22)
      • spring (23)
      • spring cloud (MSA) (10)
      • tomcat (2)
    • SQL (19)
      • RDBMS (14)
      • NoSQL (4)
    • python (1)
    • study (42)
      • 클라우드&쿠버네티스 (7)
      • 보안 (6)
      • 알고리즘 문제 풀이 (28)
      • 독서 (0)
      • 네트워크 (1)
    • tool (6)
      • git (5)
    • error (10)
    • 트러블슈팅 (1)

Tag

프로그래머스 dfs bfs, 2024 데브크루, BFS, JWT, Python, dfs, mapper, dfs bfs, JavaScript, Spring Security, MSA, vue emit, 프로그래머스, 백준, error, 프로그래머스 정렬, KINX, softeer, mybatis, jqgrid,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Copyright © Kakao Corp. All rights reserved.

티스토리툴바