elementui input自动获取焦点

可以通过设置 `autofocus` 属性来让 `el-input` 组件自动获取焦点：

<el-input autofocus></el-input>

还可以通过 `ref` 属性获取 `el-input` 组件的实例，并在页面加载完成后调用 `focus` 方法来让 `el-input` 组件自动获取焦点：

<template>
  <el-input ref="myInput"></el-input>
</template>

<script>
export default {
  mounted() {
    // 在页面加载完成后自动获取焦点
    this.$refs.myInput.focus();
  }
};
</script>

相关问题

input自动获取焦点

你可以使用HTML中的autofocus属性来自动获取输入框的焦点。例如：

<input type="text" autofocus>

这样在页面加载时，该输入框就会自动获取焦点。如果需要给多个输入框设置自动获取焦点，可以使用JavaScript在页面加载时自动聚焦到第一个输入框，例如：

window.onload = function() {
  document.querySelector('input').focus();
};

这样页面加载时，就会自动聚焦到第一个输入框。

el-input自动获取焦点

要使 `el-input` 在页面加载时自动获取焦点，可以使用 `el-input` 的 `autofocus` 属性。例如：

<template>
  <div>
    <el-input v-model="message" autofocus></el-input>
  </div>
</template>

这将使 `el-input` 在页面加载时自动获取焦点。如果您想在某个事件（例如 `mounted`）中自动设置焦点，可以使用 `ref` 引用该元素，并使用 `this.$refs` 访问它。例如：

<template>
  <div>
    <el-input v-model="message" ref="input"></el-input>
  </div>
</template>

<script>
export default {
  mounted() {
    this.$refs.input.focus();
  }
}
</script>

这将在 `mounted` 钩子函数中自动为 `el-input` 设置焦点。