el-upload封装

      <template>
  <div>
    <upload-component @file-selected="handleFileSelected"></upload-component>
  </div>
</template>

<script>
import UploadComponent from './UploadComponent.vue';

export default {
  components: {
    UploadComponent
  },
  methods: {
    handleFileSelected(file) {
      // 处理选中的文件
      console.log('选中的文件：', file);
      // 执行其他逻辑
    }
  }
};
</script>
    

      <template>
  <div>
    <el-upload
      class="upload-demo"
      :action="uploadUrl"
      :on-change="handleFileChange"
    >
      <el-button slot="trigger">选取文件</el-button>
      <el-button style="margin-left: 10px;">上传到服务器</el-button>
    </el-upload>
  </div>
</template>

<script>
export default {
  methods: {
    handleFileChange(file) {
      // 触发自定义事件将文件传递给父组件
      this.$emit('file-selected', file);
    }
  }
};
</script>