Autofocus directive for Vue
Lifted from the official Vue tutorial: https://vuejs.org/v2/guide/custom-directive.html
When the page loads, the element with the directive gains focus (note: autofocus doesn’t work on mobile Safari).
npm install --save vue-autofocus-directiveimport Vue from "vue";
import autofocus from "vue-autofocus-directive";
Vue.directive("autofocus", autofocus);<input v-autofocus />- Type:
value - Default:
undefined - Description: Required when using dynamic value
<template>
<form>
<label>Email</label>
<input
v-autofocus
v-model="email"
type="email"
name="email"
placeholder="Email"
/>
</form>
</template>or
<template>
<form>
<label>Email</label>
<input
v-autofocus="dynamicValue"
v-model="email"
type="email"
name="email"
placeholder="Email"
/>
</form>
</template>
<script>
export default {
data() {
return {
dynamicValue: false
};
}
};
</script>
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent