김평범's OrdinaryCode

  • 홈
  • 태그
  • 방명록

2022/08/05 1

[vue] v-if 내 조건으로 filter로 데이터 변환 후 비교하기

vue.js에서 v-if 조건 중 filter를 통해 정제된 데이터 값이랑 비교하고 싶을 때가 있다. 📌v-if문 시 filter로 이용한 데이터 값 조건으로 넣어주기 v-if="$options.filters.필터명(필터파라미터)" 샘플 코드 filter를 통해서 user레벨을 확인한 뒤 그에 따른 인사말을 v-if를 이용해서 출력하는 코드이다. 로그인회원 레벨 : {{$options.filters.levelCheck(userList, loginUser.id)}} 안녕하세요! 정회원이시네요! 안녕하세요! 준회원이시네요! 만약 필터를 통해서 준회원인지 정회원인지 확인하고 그에 맞는 텍스트를 보여줘야 하는 상황이라면 회원 레벨을 체크하는 필터를 만든 뒤 v-if에서 user를 확인해서 출력된 level 값에..

FrontEnd/Vue.js 2022.08.05
1
더보기
  • 분류 전체보기 (183)
    • Diary (4)
    • FrontEnd (94)
      • Javascript (20)
      • Vue.js (29)
      • css (17)
    • etc. (83)
      • Notion (70)

Tag

JavaScript, 노션활용법, 노션, 노션템플릿공유, 노션가이드, 자바스크립트, notion, 노션무료템플릿, react, 노션데이터베이스, Vue, NUXT, CSS, 노션유용한템플릿, 노션수식, 노션사용법, Notion템플릿공유, 노션템플릿, 노션표, 노션가계부,

최근글과 인기글

  • 최근글
  • 인기글
  • [Vue.js/nuxt] 페이지 이동 시 감지 후 이벤트 발생하기 (watch/router) 2023.01.30 21:15
  • [JavaScript] 빈 객체 확인하는 방법 (object 빈 객체 체크) 2022.12.26 20:06
  • [Notion] 데이터 베이스 하위 항목 넣기 (노션 표 하위 항목을 이용한 WBS 작성하기) 2022.12.19 22:11
  • 개인이 노션 잘 활용하는 방법 5가지 - 노션 첫 사용하는 분을 위한 글 2021.04.02 22:46
  • [Notion]노션을 이용하여 개인용 포트폴리오 및 이력서 작성하기(신입, 경력직 포트폴리오 템플릿 공개) 2021.02.03 21:38
  • [Notion] 노션에서 데이터베이스(표) 기초 사용법 이해하기 2021.01.16 19:17

최근댓글

  • 고양이 관리 기록용 노션 템플릿을 찾다가 왔어요! 감사히 쓰겠습니다.

    백에린

  • 와 채점기능까지 대단하세요 감사히 잘 활용하겠습니다!!

    카야

  • 가나다 오됐다 ㅋㅋㅋ 감사합니다!

    dd

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

  • 2023/01
  • 2022/12
  • 2022/11
  • 2022/10
  • 2022/08

Calendar

«   2022/08   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

Copyright © Kakao Corp. All rights reserved.

티스토리툴바