Song Minu

  • 홈
  • 태그
  • 방명록
  • 깃허브
프로필사진

공부 그리고 메모

  • Hi! (169)
    • HTML5 & CSS3 (2)
    • JavaScript (13)
    • TypeScript (1)
    • Node.js (31)
      • NestJS (3)
    • VueJS (62)
      • Vite (6)
      • Nuxt (26)
    • ReactJS (0)
    • AngularJS (3)
    • VSCode (1)
    • ElasticSearch (19)
    • K8s & Docker (2)
    • JAVA (8)
    • CentOS (2)
    • 개인프로젝트 (9)
    • ETC (16)

Tag

Vite, elasticsearch, Java, nuxt3, vuejs, pubg-api, express, Node, MySQL, Vue3, nuxtjs, 자바스크립트, node base64, NestJS, 일레스틱서치, Vuetifyjs, 엘라스틱서치, JavaScript, nodejs, vuetify,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Calendar

«   2026/05   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

quasar 1

[Vue3] quasar input TextField 유효성 검사하기

지난번 글에서 Vite+Vue3 프로젝트에 jwt 로그인 기능 구현에 관한 글을 작성했었다. 디자인 프레임워크로 퀘이사를 사용해서 만들었었는데 기능을 구현하고 나중에 다시 봐보니 로그임 폼에 대한 유효성 검사 기능이 없어서 퀘이사에서 제공하는 유효성 검사 기능에 대해 한번 알아봤다. 유효성 기능 구현 자체는 Vuetify와 유사해서 크게 어려운 부분은 없었다. 1. form에 ref 추가 먼저 해야할 부분은 ref 추가이다. 공식 홈페이지에서 유효성 검사를 할 각 q-input에다가 ref를 추가해서 따로따로 하는 예시만 있어서 vuetify 처럼 한 번에 하는 건 안 되는 건가? 해서 해봤는데 잘 된다. 내가 작성한 방법은 이렇다. q-form에다가 ref값을 지정했고, 각 q-input에다가는 검증 ..

VueJS 2022.05.08
1
더보기

Copyright © AXZ Corp. All rights reserved.

  • 른록노트
  • 기억보단 기록을
  • 내 깃허브

티스토리툴바