el vue3 el-input中单文件上传

el-input是Element UI中的一个组件，用于输入框的展示和交互。在el-input中实现单文件上传需要使用vue3中提供的组件和API来实现。具体步骤如下：
1. 在template中添加input元素，并设置type为file，同时添加ref属性用于获取该元素的引用。
2. 在methods中定义一个uploadFile方法，用于处理上传文件的逻辑。可以使用FormData对象来创建一个表单数据对象，将要上传的文件添加到表单数据中。
3. 在el-input组件上添加@change事件监听，当用户选择文件后触发uploadFile方法进行文件上传操作。

下面是一个示例代码片段，用于展示如何在el-input中实现单文件上传功能：

<template>
  <el-input type="file" ref="fileInput" @change="uploadFile"></el-input>
</template>

<script>
export default {
  methods: {
    uploadFile() {
      const formData = new FormData();
      formData.append('file', this.$refs.fileInput.files);
      // 发送ajax请求进行文件上传
      // ...
    }
  }
}
</script>