vue3 输入框是否获得焦点
时间: 2023-07-08 16:30:48 浏览: 117
Vue数字输入框组件使用方法详解
您可以通过在输入框上添加 `v-focus` 自定义指令来实现让输入框获得焦点。
首先,在你的 Vue 组件中定义 `v-focus` 指令:
```
Vue.directive('focus', {
inserted: function (el) {
el.focus()
}
})
```
然后,在你的模板中使用 `v-focus` 指令:
```
<template>
<div>
<input type="text" v-focus>
</div>
</template>
```
这样,在组件渲染时,输入框就会自动获得焦点。
阅读全文