Reset input directive for Vue.js
Modified to trigger on hover
npm i --save v-reset-input
import Vue from 'vue'
import ResetInput from 'v-reset-input'
Vue.use(ResetInput)
<!-- Include after Vue -->
<script src="v-reset-input/dist/v-reset-input.js"></script>
<script>
Vue.use(VResetInput)
</script>
<template>
<input type="text" v-reset-input=''>
</template>
Just overwrite their css class
.v-reset-input
top 8px
right 25px
font-size 1.5em
display none
&.v-reset-input-active
display block
This project is licensed under MIT License