제한 input은 소수점 두 자리만 입력할 수 있습니다
벽돌을 던져 옥을 끌어당기다--코드를 올리다
먼저 input 이벤트에서 정규와 일치하는 것을 생각하지만, 잘못된 형식이나 비숫자를 입력한 경우 전체 입력 상자를 비우면 체험이 좋지 않습니다.
" "
type="text"
v-model="count"
@input="scope.row.count=/^\d+\.?\d{0,2}$/.test(count)||count == '' ? count : count=''">
<span class="hljs-function"><span class="hljs-title">data</span></span>() {
<span class="hljs-built_in">return</span> {
count: 0
}
}
그리고 키업 이벤트에 값을 부여하고 일치하는 필드를 추가했습니다.
" "
type="text" v-model="count"
@keydown="checkKeydown($event, count)"
@input="scope.row.count=/^\d+\.?\d{0,2}$/.test(count)||count == '' ? count : count=checkValue">
<span class="hljs-function"><span class="hljs-title">data</span></span>() {
<span class="hljs-built_in">return</span> {
count: <span class="hljs-string">''</span>,
checkValue: <span class="hljs-string">''</span>
}
},
methods: {
checkKeydown(e, value){
this.checkValue = value;
}
}
이렇게 하면 수요를 실현할 수 있지만 체험에 있어서 좀 이상하다. 입력이 일치하지 않을 때 커서가 깜빡거린다. 가장 좋은 체험은 키업에서 일치하지 않는 버튼을 바로return으로 하는 것이다. 그러나 이렇게 하면 백스페이스, delete, -->,
첨부: input에 관한 건 다 소통할 수 있잖아.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
