vue3+element-plus el-input 自动获取焦点
warning:
这篇文章距离上次修改已过202天，其中的内容可能已经有所变动。
在Vue 3和Element Plus中，要使el-input组件自动获取焦点，可以通过使用ref属性和onMounted生命周期钩子来获取DOM元素并调用原生focus方法。
以下是一个简单的例子：
<template>
<el-input ref="inputRef" placeholder="请输入内容"></el-input>
</template>
<script setup>
import { onMounted, ref } from 'vue';
import { ElInput } from 'element-plus';
const inputRef = ref(null);
onMounted(() => {
inputRef.value.focus();
});
</script>在这个例子中，我们使用了ref来创建一个响应式引用inputRef，它将指向el-input的DOM元素。在onMounted钩子中，我们通过inputRef.value.focus()使输入框自动获取焦点。
评论已关闭