tengo una entrada:
<a-form-item label="user" :colon="false"> <a-input placeholder="user" name="user" @keyup.enter="checkUser"/> </a-form-item>En métodos:
checkUser() { console.log('ok'); }, En métodos: checkUser cuando ingreso, obtengo el valor de entrada. Pero ahora no quiero hacer eso, quiero que cuando termine de ingresar el valor de entrada, mueva el cursor hacia afuera y los métodos: checkUser obtendrá el valor de esa entrada. Gracias
Utilice el detector de eventos blur .
<a-input placeholder="user" name="user" @blur="checkUser"/>Violín de muestra
new Vue({ el: '#app', data: {}, methods: { checkUser: function(e) { console.log("Blur event triggered", e.target.value) } }, }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script> <div id="app"> <input type="text" @blur="checkUser"> </div>Si desea que el método se active mientras mueve el cursor, puede usar el evento @mouseleave . O si desea activar el método cuando la entrada pierde el foco, puede intentar usar el evento @blur
new Vue({ el: '#app', methods: { checkUser(e) { if(e.target.value !== '') { // To check if the input is not empty console.log("event triggered", e.target.value) } return; } }, }) <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script> <div id="app"> <input type="text" @mouseleave="checkUser"> <!-- OR --> <!--<input type="text" @blur="checkUser"> --> </div>