github/basic
1
0
Fork 2
mirror of https://github.com/fantastic-admin/basic.git synced 2026-10-07 15:48:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

toast 代替 ElMessage

Browse Source
This commit is contained in:
Hooray
2025-04-30 15:08:46 +08:00
parent 464c495df2
commit 824c64ae94
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FileUpload/index.vue
+4 -4
View File
@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { UploadProps, UploadUserFile } from 'element-plus'
import { ElMessage } from 'element-plus'
import { toast } from 'vue-sonner'
defineOptions({
name: 'FileUpload',
@@ -47,16 +47,16 @@ const beforeUpload: UploadProps['beforeUpload'] = (file) => {
const isTypeOk = props.ext.includes(fileExt)
const isSizeOk = file.size / 1024 / 1024 < props.size
if (!isTypeOk) {
ElMessage.error(`上传文件只支持 ${props.ext.join(' / ')} 格式！`)
toast.error(`上传文件只支持 ${props.ext.join(' / ')} 格式！`)
}
if (!isSizeOk) {
ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)
toast.error(`上传文件大小不能超过 ${props.size}MB！`)
}
return isTypeOk && isSizeOk
}
const onExceed: UploadProps['onExceed'] = () => {
ElMessage.warning('文件上传超过限制')
toast.warning('文件上传超过限制')
}
const onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {
src/components/ImageUpload/index.vue
+3 -3
View File
@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { UploadProps } from 'element-plus'
import { ElMessage } from 'element-plus'
import { toast } from 'vue-sonner'
defineOptions({
name: 'ImageUpload',
@@ -67,10 +67,10 @@ const beforeUpload: UploadProps['beforeUpload'] = (file) => {
const isTypeOk = props.ext.includes(fileExt)
const isSizeOk = file.size / 1024 / 1024 < props.size
if (!isTypeOk) {
ElMessage.error(`上传图片只支持 ${props.ext.join(' / ')} 格式！`)
toast.error(`上传图片只支持 ${props.ext.join(' / ')} 格式！`)
}
if (!isSizeOk) {
ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)
toast.error(`上传图片大小不能超过 ${props.size}MB！`)
}
if (isTypeOk && isSizeOk) {
uploadData.value.progress.preview = URL.createObjectURL(file)
src/components/ImagesUpload/index.vue
+3 -3
View File
@@ -1,6 +1,6 @@
<script setup lang="ts">
import type { UploadProps } from 'element-plus'
import { ElMessage } from 'element-plus'
import { toast } from 'vue-sonner'
defineOptions({
name: 'ImagesUpload',
@@ -81,10 +81,10 @@ const beforeUpload: UploadProps['beforeUpload'] = (file) => {
const isTypeOk = props.ext.includes(fileExt)
const isSizeOk = file.size / 1024 / 1024 < props.size
if (!isTypeOk) {
ElMessage.error(`上传图片只支持 ${props.ext.join(' / ')} 格式！`)
toast.error(`上传图片只支持 ${props.ext.join(' / ')} 格式！`)
}
if (!isSizeOk) {
ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)
toast.error(`上传图片大小不能超过 ${props.size}MB！`)
}
if (isTypeOk && isSizeOk) {
uploadData.value.progress.preview = URL.createObjectURL(file)