vue3 让el-input得到焦点
时间: 2023-08-28 13:04:56 浏览: 184
vue3 获取焦点,vu3 input 获取焦点 Vue 3 focus input
4星 · 用户满意度95%
在 Vue 3 中,可以使用 `ref` 和 `$nextTick` 方法来让 `el-input` 获得焦点。具体步骤如下:
1. 在 `el-input` 上使用 `ref` 定义一个引用,如下所示:
```html
<template>
<el-input ref="myInput"></el-input>
</template>
```
2. 在 `mounted` 生命周期钩子函数中,使用 `$nextTick` 方法来聚焦 `el-input`,如下所示:
```js
<script>
export default {
mounted() {
this.$nextTick(() => {
this.$refs.myInput.focus();
});
},
};
</script>
```
这样,当组件挂载时,`el-input` 就会自动获得焦点了。
阅读全文