[Vue] v-text-input에서 숫자 입력범위 제한하기 (ev, limit)

상황

v-text-input에서 별점을 입력받는데, 1~5사이의 값만 받고, 만약 5이상의 값을 넣어도, 5로 설정하고 싶었다.

---

해결방법

@input.native를 사용하면 된다.

 

:max, :min값은 줘도 생각보다 별로였다.

---

코드

// HTML

<v-text-field
  @input.native="handleInput_solution" //input 값 5이상이면 변경하게하기
  type="number" //숫자만 받게 하기
  placeholder="선택"
/>

//Script
handleInput_solution(ev) { // 5이상 값을 넣으면 5로 만들어주는 함수
  if (Number(ev.target.value) > 5){
    this.reviewSurveyAnswers.solution = 5
  }
},

---

참고

https://stackoverflow.com/questions/57063387/setting-max-and-min-limit-on-input-field

Setting max and min limit on input field?