JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<div id="app">
<input
id="name"
placeholder="name"
v-on:blur="hideField"
>
<input
id="name2"
placeholder="name2"
v-on:blur="hideField2($event.target)"
>
<!-- v-on:keyup.enter.stop="hideField" -->
</div>
JavaScript
void new Vue({
el: '#app',
methods: {
hideField: function(event) {
event.target.style.display = "none";
//alert('hiding...');
},
hideField2: function(field) {
field.style.display = "none";
//alert('hiding...');
}
}
});