manual.vue 742 B

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