diff --git a/apps/web-antd/src/components/upload/src/hook.ts b/apps/web-antd/src/components/upload/src/hook.ts index 6ac9f840..71e1e254 100644 --- a/apps/web-antd/src/components/upload/src/hook.ts +++ b/apps/web-antd/src/components/upload/src/hook.ts @@ -229,7 +229,7 @@ export function useUpload( } /** - * 这里只监听list地址变化 即重新赋值才会触发watch + * 这里默认只监听list地址变化 即重新赋值才会触发watch * immediate用于初始化触发 */ watch( @@ -251,7 +251,7 @@ export function useUpload( } innerFileList.value = resp.map((item) => transformFile(item)); }, - { immediate: true }, + { immediate: true, deep: props.deepWatch }, ); return { diff --git a/apps/web-antd/src/components/upload/src/props.d.ts b/apps/web-antd/src/components/upload/src/props.d.ts index 5ae0e509..bad8b15b 100644 --- a/apps/web-antd/src/components/upload/src/props.d.ts +++ b/apps/web-antd/src/components/upload/src/props.d.ts @@ -59,4 +59,11 @@ export interface BaseUploadProps { * @default false */ directory?: boolean; + /** + * 是否开启深度监听 + * 默认外部的数组地址重新改变才会触发watch 不会监听内部元素的变化 + * 开启后 无论内部还是外部改变都会触发查询信息接口(包括上传后, 删除等操作都会触发) + * @default false + */ + deepWatch?: boolean; } diff --git a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue index b172b801..48ae97d4 100644 --- a/apps/web-antd/src/views/演示使用自行删除/upload/index.vue +++ b/apps/web-antd/src/views/演示使用自行删除/upload/index.vue @@ -35,7 +35,11 @@ function handlePreview(file: UploadFile) { - + 当前绑定值: {{ multipleImageId }}