1234567891011121314151617181920212223242526272829303132 |
- <template>
- <el-upload
- ref="uploadRef"
- class="upload-demo"
- action="https://run.mocky.io/v3/9d059bf9-4660-45f2-925d-ce80ad6c4d15"
- :auto-upload="false"
- >
- <template #trigger>
- <el-button type="primary">select file</el-button>
- </template>
- <el-button class="ml-3" type="success" @click="submitUpload">
- upload to server
- </el-button>
- <template #tip>
- <div class="el-upload__tip">
- jpg/png files with a size less than 500kb
- </div>
- </template>
- </el-upload>
- </template>
- <script lang="ts" setup>
- import { ref } from 'vue'
- import type { UploadInstance } from 'element-plus'
- const uploadRef = ref<UploadInstance>()
- const submitUpload = () => {
- uploadRef.value!.submit()
- }
- </script>
|