4l_capital_central_control_webapp/src/components/DragUpload.vue

<template>
  <lay-upload :url="uploadUrl" :drag="true" :headers="headers" :beforeUpload="handleUpload" @done="handleUploadDone" />
</template>

<script lang="ts" setup>
import { ref } from "vue";
const uploadUrl = `${import.meta.env.VITE_API_BASE_URL}/client/upload`;
const headers = {
  auth: "4L",
  Token: window.sessionStorage.getItem("_4L_TOKEN") || "",
};
const uploadValue = ref();


const props = defineProps({
  modelValue: String,
});
uploadValue.value = props.modelValue;

const handleUpload = (file: any) => {
  console.log(file);
};
const handleUploadDone = (e: any) => {
  console.log(JSON.parse(e.data).data);
  uploadValue.value = JSON.parse(e.data).data;
  // defineEmits({"change",JSON.parse(e.data).data;});
};
</script>