From 88b1281f51f590f88ae581d2a14b877da9439250 Mon Sep 17 00:00:00 2001
From: zhangxiao <898441624@qq.com>
Date: 星期一, 12 八月 2024 14:55:37 +0800
Subject: [PATCH] fix: 只能体修改样式
---
src/components/upload/index.vue | 43 ++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 42 insertions(+), 1 deletions(-)
diff --git a/src/components/upload/index.vue b/src/components/upload/index.vue
index e0c517e..b58aeaf 100644
--- a/src/components/upload/index.vue
+++ b/src/components/upload/index.vue
@@ -10,18 +10,59 @@
</template>
<script setup>
- import { ref } from 'vue';
+ import { computed, ref, onMounted, watch, watchEffect } from 'vue';
+ import { useUserStore } from '@/store';
+
+ const userStore = useUserStore();
const props = defineProps({
limit: {
type: Number,
default: 1,
},
action: String, // 涓婁紶鐨勬湇鍔″櫒鍦板潃
+ url: String, //鍥炴樉鐨勬枃浠跺湴鍧�
});
const emit = defineEmits(['update:fileList', 'success']);
+ const urls = computed(() => props.url);
const fileList = ref([]);
+ watch(
+ () => props.url,
+ (newVal) => {
+ if (newVal) {
+ fileList.value = newVal.split(',').map((item) => ({
+ uid: item,
+ name: item,
+ status: 'done',
+ url: item,
+ }));
+ }
+ },
+ {
+ deep: true, // 寮�鍚繁搴︾洃鍚�
+ }
+ );
+
+ onMounted(() => {
+ if (urls.value) {
+ fileList.value = urls.value.split(',').map((item) => ({
+ uid: item,
+ name: item,
+ status: 'done',
+ url: item,
+ }));
+ }
+
+ // console.log(
+ // window.location.origin,
+ // import.meta.env.VITE_API_BASE_URL,
+ // 8988
+ // );
+ });
+
+ // console.log(urls.value, 8988);
+
const handleChange = (fileList) => {
emit('update:fileList', fileList);
const successFiles = fileList.filter((item) => item.status === 'done');
--
Gitblit v1.8.0