vue 3 中的 el-input 怎么自动获取光标

在 Vue 3 中，`el-input` 组件来自 Element UI 库，想要让输入框自动聚焦并获得光标，你可以直接通过 `ref` 或者 `v-model` 将组件绑定到一个变量上，然后在相应的生命周期钩子、事件处理函数或者模板内触发 `focus()` 方法。以下是示例：

<template>
  <el-input v-model="inputValue" ref="inputRef"></el-input>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
    };
  },
  mounted() {
    // 在挂载后立即聚焦
    this.$refs.inputRef.focus();
  },
  methods: {
    onFocus() {
      // 可以添加一个点击或者其他条件触发焦点切换的函数
      this.$refs.inputRef.focus();
    },
  },
};
</script>

在这个例子中，当页面加载完成 (`mounted` 生命周期钩子) 或者你需要手动触发聚焦时，都可以调用 `focus()` 方法。