如何正确地使用Van-Uploader工具来上传文件？

Van-Uploader是一个用于文件上传的轻量级Vue.js插件，它简化了文件上传的过程。以下是使用Van-Uploader正确上传文件的步骤：

1. **安装依赖**:
首先，确保你的项目已经安装了Vue和Element Plus（Van-Uploadler基于Element UI）。通过npm或yarn添加`vue-uploader`到你的项目中：

   npm install vue-van-upload @element-plus/icons
   # 或者
   yarn add vue-van-upload @element-plus/icons

2. **引入并注册组件**:
在你的Vue组件模板文件中引入`<van-file-uploader>`：

   <template>
     <div>
       <van-file-uploader v-model="fileList" :options="uploaderOptions"></van-file-uploader>
     </div>
   </template>

3. **数据绑定与设置选项**:
在`script`部分定义`fileList`数组和`uploaderOptions`对象：

   import { defineComponent } from 'vue';
   import { Uploader } from 'vue-van-upload';

   export default defineComponent({
     components: {
       Uploader,
     },
     data() {
       return {
         fileList: [],
         uploaderOptions: {
           // 设置上传配置，如限制上传大小、接受文件类型等
           maxCount: 5, // 最大上传数量
           accepts: ['image/*', 'video/*'], // 允许的文件类型
           beforeDrop: event => {
             event.preventDefault(); // 阻止默认的drop行为
           },
         };
     },
   });

4. **监听事件**:
Van-Uploader会触发一些事件，如`on-success`（上传成功）、`on-error`（上传失败）等。你可以处理这些事件以获取上传进度、展示提示或处理服务器响应：

   mounted() {
     this.$refs.uploader.on('success', file => {
       console.log('文件上传成功:', file);
     }).on('error', error => {
       console.error('文件上传错误:', error);
     });
   },