일단 Doit

고정 헤더 영역

글 제목

메뉴 레이어

일단 Doit

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Typescript
    • 최적화
    • Git
    • Vue
    • React
      • Router
      • typescript
      • TDD
      • Recoil
    • 경제

검색 레이어

일단 Doit

검색 영역

컨텐츠 검색

커스텀

  • v-model 커스텀 Component 만들기

    2023.01.22 by 일단두잇

v-model 커스텀 Component 만들기

커스텀 Component를 만드는 경우가 종종 생기는데, 그때 props로 전달해도 되지만 v-model로 변경된 값을 사용하고자 하는 경우가 있다. props로 전달했을 경우는 변경된 값을 event로 전달 받아야 하지만, v-model은 바로 변경된 값을 사용할수 있다. 예를 들어 input을 가지고 있는 공통 input을 만들어보자. 만드는 절차는 간략히 보면 아래와 같다 . 1. 공통 Component 생성 2. v-model로 받을 인자를 props로 설정 : - Vue2에서 v-model 선언 export default { model: { prop: 'title', }, props: { // 다른 목적을 위해 'value' 사용이 가능 합니다, model을 지정하지않을때 'value' 사용 v..

Vue 2023. 1. 22. 14:49

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
TISTORY
일단 Doit © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바