>  기사  >  웹 프론트엔드  >  vue.js에서 입력 상자의 길이를 설정하는 방법

vue.js에서 입력 상자의 길이를 설정하는 방법

coldplay.xixi
coldplay.xixi원래의
2020-12-07 15:53:335395검색

입력 상자의 길이를 설정하는 Vue.js 메서드: vue를 사용하여 입력 입력 길이를 제어하고 입력 내용의 길이를 얻습니다. 코드는 [

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6, Dell G3 컴퓨터

【추천 관련 기사: vue. js

vue.js 입력 상자 길이 방법 설정:

오늘 로그인 페이지를 개발할 때 로그인 입력 상자의 길이를 설정해야 하는데 입력 유형이 숫자

<input type="number" maxlength="11" placeholder="请输入手机号">

일 때 찾았습니다. 이렇게 작성하면 입력 길이 제한이 적용되지 않습니다. 테스트 결과 유형이 숫자 또는 텍스트인 경우 maxlength 매개변수 설정이 적용되지 않는 것으로 나타났습니다.

vue는 입력 입력 길이와 길이를 제어합니다. 입력 콘텐츠 가져오기

<input type="number" oninput="if(value.length > 11)value = value.slice(0, 11)"
 placeholder="请输入手机号" ref="passwords" v-model.number="passwords">
console.log(this.$refs.passWords.value.length);

관련 학습 권장 사항: javascript 비디오 튜토리얼

위 내용은 vue.js에서 입력 상자의 길이를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.