modificador de eventos de vue y eventos de teclado
vue.js proporciona múltiples modificadores para v-on, lo que facilita el manejo de ciertos detalles de los eventos DOM, y los modificadores se pueden usar en serie. Los modificadores principales son los siguientes:
.stop ? Equivalente a event.stopPropagation() en js, usado para detener el burbujeo
.prevent es equivalente a event.preventDefault(); js ), utilizado para detener el comportamiento predeterminado;
.capture? Los eventos de captura y los eventos burbujeantes (predeterminado) son dos tipos de flujos de eventos, son eventos del documento al elemento que desencadenó el evento; eventos burbujeantes Los eventos se activan de abajo hacia arriba;
El controlador de eventos .self solo se activa cuando se hace clic en el elemento actual
El controlador de eventos .once solo se activa una vez
lt;a?v-on: click.stop="doThis"gt;lt;/agt;
lt;form?v-on: submit.prevent="onSubmit"gt;lt; / formgt;
lt;a?v-on:click.stop.prevent="doThat"gt;lt;/agt;
lt;form?v-on:submit preventgt;lt;/formgt;
lt;div?v-on: click.capture="doThis"gt;... lt;/divgt;
lt;div. ? v-on: click.self="doThat"gt;...lt;/divgt;
lt;a?v-on: click.self="doThis"gt;lt;/agt ;
/qq_39105508/article/details/83008604
Además de los modificadores de eventos, v-on también proporciona modificadores de teclas, lo que nos permite monitorear más fácilmente las pulsaciones de teclas en la operación de eventos del teclado. Por ejemplo:
lt; input?v-on: keyup.13="submitFn"?/gt;? Supervise la entrada y active la función submitFn cuando se ingresa (el valor del código de la clave de entrada es 13). ), use Para manejar situaciones comunes de entrada de usuarios en las que presiona directamente Intro para enviar.
vue.js proporciona alias para algunos nombres de claves de uso común, lo que elimina la necesidad de recordar el evento keyCode. Los alias de códigos clave más utilizados son:
need-to-insert-img
lt; input?v-on: keyup.13="submitFn"?/gt; a
lt; entrada?v-on: keyup.enter="submitFn"?
lt; entrada?v-on: keyup.enter="submitFn"?