vue3 elupload自动上传

在Vue3中，可以使用el-upload组件来实现自动上传。要实现自动上传，你可以通过设置属性auto来开启自动上传功能。具体步骤如下：

1. 首先，安装element-plus依赖：

npm install element-plus -S

2. 在Vue组件中引入el-upload组件：

<template>
  <el-upload
    action="your_upload_url"
    :auto="true"
    :on-success="handleSuccess"
    :on-error="handleError"
  >
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
</template>

<script>
import { ElUpload, ElButton } from 'element-plus';

export default {
  components: {
    ElUpload,
    ElButton
  },
  methods: {
    handleSuccess(response, file, fileList) {
      console.log('上传成功');
    },
    handleError(error, file, fileList) {
      console.log('上传失败');
    }
  }
}
</script>

在上述代码中，设置了属性auto为true，表示开启自动上传功能。同时，通过on-success和on-error属性绑定了上传成功和失败的回调函数。