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

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

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

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

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

以上就是Naive UI Upload 组件中如何获取文件名称 file.name？的详细内容，更多请关注硕下网其它相关文章！