如何解决在 Naive UI Upload 组件中获取文件名称 file.name

使用 Naive UI 的 Upload 组件时，虽然 file.name 在控制台打印和 JSON.stringify 中能正常获取，但在直接读取时却为 undefined。这是因为在 generateData 方法中，函数签名错误导致了这个问题。

AI舌诊面诊问诊医疗系统+诊疗商城系统源码

AI 舌诊面诊问诊医疗系统 + 诊疗商城系统源码是一套结合 AI 辅助诊断与商品转化的健康类程序，基于浩创云、ThinkPHP（PHP）开发，支持微信服务号与 H5 端，适合做中医舌诊面诊问答、健康建议推送以及配套诊疗商品的运营。

下载

在示例代码中，generateData 方法被声明为 (file: UploadFileInfo) => Object，这表明它应该返回一个对象。然而，在方法内，它正在通过 file.name 获取一个属性。这会导致将 file 对象解析为 ES6 解构，其中 file.name 被解释为一个标识符，而不是一个属性。

因此，问题的解决方案是将函数签名更正为 ({ file: UploadFileInfo }) => Object。这样，generateData 方法将正确接收 file 对象，并能够从其中访问 file.name。