vue3 输入框获得焦点时触发
时间: 2023-07-08 15:30:48 浏览: 52
当 Vue3 的输入框获得焦点时,可以通过 `@focus` 事件来触发相应的方法。
在你的模板中,可以这样使用 `@focus` 事件:
```
<template>
<div>
<input type="text" @focus="handleFocus">
</div>
</template>
```
然后在你的 Vue 组件中定义 `handleFocus` 方法即可:
```
<script>
export default {
methods: {
handleFocus() {
console.log('输入框获得焦点了')
}
}
}
</script>
```
这样当输入框获得焦点时,就会触发 `handleFocus` 方法,并在控制台输出相应的信息。