录一下自己最近开发vue3.0的小小问题~~最近在做项目时，dialog弹框事件需定位input焦点，方便用户可直接输入。原理其实很简单，Element已经提供了focus方法，但是文档中并没有写明怎么调用。

当你在Vue3.0中使用Element Plus库创建dialog弹框，并希望在打开弹框时自动聚焦到其中的input元素，可以这样做：

首先，在你的组件里，确保你已经安装了Element Plus并正确引入了相关的样式和组件。然后，你可以利用`ref`属性来获取input元素的引用。例如：

<template>
  <el-dialog
    ref="dialogRef"
    title="标题"
    :visible.sync="dialogVisible">
    <el-input v-model="inputValue" placeholder="请输入内容"></el-input>
  </el-dialog>
</template>

<script setup>
import { ref } from 'vue';
import { ElDialog } from 'element-plus';

const dialogRef = ref();
let inputValue = '';

function openDialog() {
  dialogRef.value.show(); // 显示对话框
  dialogRef.value.$refs.input.focus(); // 聚焦到input元素
}

// 使用时...
useEffect(() => {
  openDialog();
}, [dialogVisible]); // 当dialogVisible变化时，执行openDialog