vue 使用原生input焦点事件
时间: 2023-09-02 11:05:40 浏览: 109
vue 表单输入框不支持focus及blur事件的解决方案
可以使用`@focus`和`@blur`监听原生的`focus`和`blur`事件。
例如,在`<input>`元素上添加`@focus`和`@blur`监听事件:
```html
<template>
<input type="text" @focus="onFocus" @blur="onBlur">
</template>
<script>
export default {
methods: {
onFocus() {
console.log('input 获得焦点了')
},
onBlur() {
console.log('input 失去焦点了')
}
}
}
</script>
```
在上面的例子中,当`<input>`元素被聚焦时,`onFocus`方法会被调用,当失去聚焦时,`onBlur`方法会被调用。你可以在这些方法中添加相应的逻辑处理。
阅读全文