manual.vue 749 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <el-upload
  3. ref="uploadRef"
  4. class="upload-demo"
  5. action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
  6. :auto-upload="false"
  7. >
  8. <template #trigger>
  9. <el-button type="primary">select file</el-button>
  10. </template>
  11. <el-button class="ml-3" type="success" @click="submitUpload">
  12. upload to server
  13. </el-button>
  14. <template #tip>
  15. <div class="el-upload__tip">
  16. jpg/png files with a size less than 500kb
  17. </div>
  18. </template>
  19. </el-upload>
  20. </template>
  21. <script lang="ts" setup>
  22. import { ref } from 'vue'
  23. import type { UploadInstance } from 'element-plus'
  24. const uploadRef = ref<UploadInstance>()
  25. const submitUpload = () => {
  26. uploadRef.value!.submit()
  27. }
  28. </script>