vue输入框自动对焦_Vue的自动对焦指令

vue输入框自动对焦

Vue自动对焦指令 (vue-autofocus-directive)

Autofocus directive for Vue

Vue的自动对焦指令

When the page loads, the element with the directive gains focus (note: autofocus doesn’t work on mobile Safari).

页面加载后，带有指令的元素将获得焦点(注意：自动聚焦在移动Safari上不起作用)。

View demo 查看演示 Download Source 下载源

安装 (Installation)

npm install --save vue-autofocus-directive

npm package link

npm软件包链接

import Vue from 'vue';
import autofocus from 'vue-autofocus-directive';
Vue.directive('autofocus', autofocus);

例 (Example)

<template>
  <form>
    <label>Email</label>
    <input v-autofocus v-model="email"  type="email" name="email" placeholder="Email">
  </form>
</template>

供电 (Powered by)

• Babel

  巴别塔

• Webpack 4

  Webpack 4

翻译自: https://vuejsexamples.com/autofocus-directive-for-vue/

vue输入框自动对焦