【欢迎认领】uploadfile组件调用出错

[javachens]

在crm模块中使用到文件上传的均出错如下，而且该组件在表单中使用时候为自动上传且清掉filelist，如果此时想删除时则无法操作，上传文件市错误如下，原因好像是得不到绑定值modelValue chunk-ZM53WNRW.js?v=41a044d2:1784 [Vue warn]: Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at https://github.com/vuejs/core . at <UploadFile modelValue= (2) [undefined, undefined] onUpdate:modelValue=fn class="min-w-80px" > at at at at <ElForm ref="formRef" model= {bizType: 1, bizId: '9', picUrls: Array(0), fileUrls: Array(2)} rules= {type: Array(1), content: Array(1), nextTime: Array(1)} ... > at <ElDialogContent key=0 ref_key="dialogContentRef" ref=Ref< Proxy(Object) {…}

... > at <ElFocusTrap loop="" trapped=true focus-start-el="container" ... > at <ElOverlay custom-mask-event="" mask=true overlay-class=undefined ... > at <BaseTransition onAfterEnter=fn onAfterLeave=fn onBeforeLeave=fn ... > at <Transition name="dialog-fade" onAfterEnter=fn onAfterLeave=fn ... > at <ElDialog onUpdate:modelValue=fn modelValue=true width="50%" ... > at <Dialog modelValue=true onUpdate:modelValue=fn title="新增" ... > at <FollowUpRecordForm ref="formRef" onSuccess=fn > at at at at at <CrmClueDetail onVnodeUnmounted=fn ref=Ref< Proxy(Object) {__v_skip: true} key="/crm/clue/detail/9" > at <KeepAlive include= ['Index']

at at at at <Layout class="" onVnodeUnmounted=fn ref=Ref< Proxy(Object) {…}

at at <ElConfigProvider namespace="el" locale= {name: 'zh-cn', el: {…}} message= {max: 1} ... > at at UploadFile.vue:158 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'substring') at UploadFile.vue:158:20 at Proxy.map () at watch.immediate (UploadFile.vue:158:20) at callWithErrorHandling (chunk-ZM53WNRW.js?v=41a044d2:1868:19) at callWithAsyncErrorHandling (chunk-ZM53WNRW.js?v=41a044d2:1875:17) at job (chunk-ZM53WNRW.js?v=41a044d2:3444:9) at flushPreFlushCbs (chunk-ZM53WNRW.js?v=41a044d2:2010:7) at updateComponentPreRender (chunk-ZM53WNRW.js?v=41a044d2:6974:5) at ReactiveEffect.componentUpdateFn [as fn] (chunk-ZM53WNRW.js?v=41a044d2:6887:11) at ReactiveEffect.run (chunk-ZM53WNRW.js?v=41a044d2:1410:23)

错误处代码为 // 监听模型绑定值变动 watch( () => props.modelValue, (val: string | string[]) => { console.log(val) if (!val) { fileList.value = [] // fix：处理掉缓存，表单重置后上传组件的内容并没有重置 return }

fileList.value = [] // 保障数据为空
// 情况1：字符串
if (isString(val)) {
  fileList.value.push(
    ...val.split(',').map((url) => ({ name: url.substring(url.lastIndexOf('/') + 1), url }))
  )
  return
}
// 情况2：数组
fileList.value.push(
  ...(val as string[]).map((url) => ({ name: url.substring(url.lastIndexOf('/') + 1), url }))
)

}, { immediate: true, deep: true } )

[YunaiV]

有兴趣 pull request 尝试修复下么？