<input> 태그의 pattern 속성 사용 시 주의할 점

<input> 태그의 pattern 속성은 정규표현식을 읽는다. 

그러나 일반적으로 작성하는 정규표현식과 달리 <input> 태그의 pattern에 바인딩하는 정규표현식은 /로 감싸면 안 된다.

 

 

공통 input 컴포넌트

<c-input
    :value="inputvalue"
    clear
    error-msg="* 숫자만 입력 가능합니다."
    pattern="[0-9]+"
    @change="handleChange"
/>

→ /[0-9]+/는 적용되지 않고, [0-9]+로 써야만 한다.