Click to upload import { onMounted, onUnmounted, Reactive, toRefs, watch, onActivated } from 'Vue'// import { fil
<template> <el-upload ref="upload" :auto-upload="false" accept="" :show-file-list='false' :on-change="handleChangeUpload" action="#" class="upload-demo" multiple> <el-button type="primary">Click to uploadel-button> el-upload>template><script setup>import { onMounted, onUnmounted, Reactive, toRefs, watch, onActivated } from 'Vue'// import { fileUpload } from '@/api/grid/common'function handleChangeUpload(file) { let fORMData = new FormData() formData.append('文件', file.raw) fileUpload(formData).then(res => {//fileUpload换成你自己接口 if (res.code == '200') { ElMessage({ type: 'success', message: '上传成功', }) } else { ElMessage.error(res.message) } // console.log(res); }).finally()}script>
来源地址:https://blog.csdn.net/guo__hang/article/details/132556343
--结束END--
本文标题: vue3-ElementPlus上传文件【代码】
本文链接: https://www.lsjlt.com/news/383283.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-03-01
2024-03-01
2024-03-01
2024-03-01
2024-03-01
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0