🐛 [Bug]:[Vue warn]: Invalid prop: type check failed for prop "width". Expected Number with value 68, got String with value "68".

[Darkingtail]

Version

2.21.0

Vue Version

2.7.16

Link to minimal reproduction

vue的dev版本，单独安装的file-upload组件，其子组件中upload-list的renderless，给progress的width属性传值给了‘68’，不符合progress width接收Number的要求

Step to reproduce

使用FIleUpload组件

What is expected

68

What is actually happening

No response

What is your project name

darkingtail

Any additional comments (optional)

No response

[petercat-assistant]

您提到的问题是关于 FileUpload 组件的子组件 upload-list 中的 progress 的 width 属性传递了一个字符串 '68'，而不是期望的数字 68。这导致了 Vue 的类型检查失败。

要解决这个问题，您可以尝试以下方法：

1. 确保传递的值是数字类型：在传递 width 属性时，确保它是一个数字而不是字符串。可以通过在代码中将字符串转换为数字来实现，例如使用 Number() 函数。

   // 示例代码
   <progress :width="Number('68')" />

2. 检查组件代码：如果您有权访问组件的代码，确保在组件内部处理 width 属性时，进行适当的类型转换。

如果您需要进一步的帮助或有其他问题，请随时告诉我！

🪧 Tips

For further assistance, please describe your question in the comments and @petercat-assistant to start a conversation with me.

[kagol]

@all-contributors please add @Darkingtail for bug.

[allcontributors]

@kagol

@Darkingtail already contributed before to bug

[kagol]

@all-contributors please add @Darkingtail for doc.

[allcontributors]

@kagol

I've put up a pull request to add @Darkingtail! 🎉