> 웹 프론트엔드 > JS 튜토리얼 > .vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

.vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

小云云
풀어 주다: 2018-05-17 11:06:54
원래의
8690명이 탐색했습니다.

.vue 파일은 실제로 구성 요소입니다. 이전에 .vue 파일 주소에 이에 대한 기사를 작성했습니다. 오늘의 기사는 .vue 파일의 입력 값 변경 이벤트를 모니터링하는 것에 관한 것입니다. 요구 사항은 이 페이지에서 입력 값이 변경되면 가장 먼저 떠오르는 이벤트가 oninput이라는 것입니다. 이 글은 주로 .vue 파일의 모니터링 입력 이벤트(oninput)를 공유하는데, 모든 분들이 참고하실 수 있도록 도움이 되었으면 좋겠습니다.

oninput 이벤트는 사용자가

.vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

입력할 때 트리거됩니다. 하지만 .vue에서 이와 같이 작성하는 것은 효과가 없습니다.

.vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

<input type="text" id="cardsNum2" value="1" @oninput ="inputFunc">
로그인 후 복사

이와 ​​같이 작성하는 것도 효과가 없습니다.

.vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

<input type="text" id="cardsNum2" value="1" v-on:oninput ="inputFunc">
로그인 후 복사

마지막으로, 이렇게 작성합니다. 작업:

.vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명

<input type="text" id="cardsNum2" value="1" v-on:input ="inputFunc">
로그인 후 복사

관련 권장 사항:

Jquery 실시간 모니터링 입력 값 예시

js 모니터링 입력 상자 값 실시간 변경 예시

JQuery는 입력을 모니터링할 수 없습니다. 키업 이벤트 Solution_jquery

위 내용은 .vue 파일의 입력 입력 이벤트 모니터링에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿