前台-vue3.2 上传组件+拖拽

最新推荐文章于 2024-07-22 08:55:10 发布

codingFunTime

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量154

点赞数

分类专栏： key门户项目文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/hktkkkk/article/details/133301417

版权

key门户项目专栏收录该内容

37 篇文章 1 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

<script lang="ts" setup>
	import { ref, watch } from 'vue'
	import { ElMessage, ElUpload } from 'element-plus'
	import { Plus } from '@element-plus/icons-vue'
	import type { UploadProps } from 'element-plus'
	import { upload } from '@/api/upDate/obsUtil'
	import { nextTick } from 'vue'

	const imageUrl = ref('')
	const upLoadRef = ref(ElUpload)
	const dialogImageUrl = ref('')
	const dialogVisible = ref(false)
	const uploadFileList = ref<Array<any>>([])
	const dragIndex = ref(0)
	const enterIndex = ref(0)
	const timeout = ref<any>(null)
	const $emit = defineEmits(['uploadUrl', 'update:modelValue', 'uploadSuccessStatus'])

	const props = withDefaults(
		defineProps<{
			title?: string // 是否必传
			dependentTypes?: number | string // 是否必传
			isPrivate?: boolean
			fontSize?: numbe

了解本专栏