Vue Js를 사용하여 입력 제한을 추가하는 방법

안녕 Artisan, 내 새 게시물에 다시 오신 것을 환영합니다.

오늘 포스트에서는 VueJs를 사용하여 입력 상자에 입력을 제한하는 방법(입력할 수 있는 문자 수)을 설명하겠습니다.

주어진 단계를 따르십시오.
먼저 vue js의 data()에서 maxLength를 정의하고 다음으로 maxLength를 입력 상자의 maxlength 속성에 바인딩합니다.

구성 요소를 만들고 아래 코드를 추가하십시오.

<div>
    <input type="text" v-model="value" placeholder="enter your name"
    :maxlength="maxLength"> 
    <span>{{ maxLength - value.length}} / {{ maxLength }}</span>
</div>

<script>
export default() {
   data: {
    maxLength: 10,
    value: ''
    }
}
</scrpit>


이런 식으로 입력 필드를 제한할 수 있습니다.



즐거운 독서 🦄 🦄 🦁 ❤️

좋은 웹페이지 즐겨찾기