vue中如何在input生成的时候自动获取焦点
时间: 2024-03-20 10:43:29 浏览: 206
在 Vue 中,可以使用 `ref` 属性将 input 元素绑定到组件实例中,在 `mounted` 钩子函数中使用 `this.$refs` 获取到 input 元素的引用,再使用 `focus()` 方法使其获取焦点。
示例代码如下:
```html
<template>
<div>
<input ref="myInput" type="text" />
</div>
</template>
<script>
export default {
mounted() {
this.$refs.myInput.focus();
},
};
</script>
```
这样在组件渲染完成后,input 元素会自动获取焦点。
阅读全文