vueinput自动获取焦点
时间: 2023-07-26 13:40:09 浏览: 124
vue 自定义指令自动获取文本框焦点的方法
5星 · 资源好评率100%
在Vue中,你可以使用`v-focus`指令来实现自动获取焦点的效果。首先,在Vue实例中注册`v-focus`指令:
```javascript
Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
```
然后,在你的组件模板中使用`v-focus`指令来使输入框自动获取焦点:
```html
<template>
<div>
<input v-focus type="text">
</div>
</template>
```
在上面的代码中,当组件渲染时,`v-focus`指令会自动为`<input>`元素设置焦点。
阅读全文