Vue EL Upload是VueJS框架中的一個文件上傳組件。它支持多種類型的文件上傳和預覽，以及實時狀態更新。

使用Vue EL Upload，我們可以輕松地將文件上傳功能添加到我們的應用程序中。下面是一個簡單的示例。

<template>
<div>
<el-upload
class="upload"
action="/upload/"
:auto-upload="false"
:on-success="handleSuccess"
:before-upload="beforeUpload"
:multiple="true"
:show-file-list="false"
>
<el-button slot="trigger">選擇文件</el-button>
</el-upload>
</div>
</template>
<script>
import { ElUpload, ElButton } from "element-ui";
export default {
name: "FileUpload",
components: { ElUpload, ElButton },
data() {
return {
files: []
};
},
methods: {
handleSuccess(response, file, fileList) {
console.log("上傳成功");
},
beforeUpload(file) {
console.log("準備上傳");
}
}
};
</script>

在這個示例中，我們使用了Element UI庫中的ElUpload和ElButton組件，并在Vue中引入了它們。我們還定義了一個數據屬性files，用來保存已上傳的文件列表。

ElUpload組件中的關鍵屬性包括auto-upload、before-upload和on-success。auto-upload屬性控制是否自動上傳文件。before-upload屬性可以設置一個函數，在文件上傳之前進行一些處理。on-success屬性可以設置一個回調函數，用于在文件上傳成功后執行一些操作。

通過這些簡單的配置，我們就可以使用Vue EL Upload輕松地實現文件上傳功能。