XElUpload

二次封装的Element Plus的Upload组件,支持所有props透传，以及支持excel导入功能。

基本使用

<script setup lang="ts">
function handleParseExcelSuccess(data) {
  console.log(data)
}
</script>

<template>
  <x-el-upload
    :show-file-list="false"
    accept=".xlsx"
    :on-parse-excel-success="handleParseExcelSuccess"
  />
</template>

插槽

<script setup lang="ts">
function handleParseExcelSuccess(data) {
  console.log(data)
}
</script>

<x-el-upload
    :show-file-list="false"
    accept=".xlsx"
    :on-parse-excel-success="handleParseExcelSuccess"
>
    <template #tip>
        <div class="el-upload__tip">
            小于500kb的xlsx文件
        </div>
    </template>
    <template #trigger>
        <x-button type="primary">上传文件</x-button>
    </template>
</x-el-upload>

小于500kb的xlsx文件