详细问题描述
当我们在组件里面定义一个组件的props的type为Array且props的属性名是驼峰的的时候
例如:
props: {
dataSource: {
type: Array,
required: false,
default: () => []
}
}
在组件用用烤串形式(kebab-case)的时候会报类型错误
例如:
《---》<base-list :api-url="apiUrl" :data-source.sync="dataSource" :parameters="parameters" ref="baseList"></base-list>《---》
会报以下警告
[Vue warn]: Invalid prop: type check failed for prop "dataSource". Expected Array, got String with value "[1,2]".
且打印的类型也是string
但是通过驼峰的形式的时候就不会报警告,切打印的类型也是object
例如:
《---》<base-list :api-url="apiUrl" :dataSource.sync="dataSource" :parameters="parameters" ref="baseList">
</base-list>《---》
[内容]
重现步骤
[步骤]
[结果]
[期望]
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]
IDE运行环境说明
[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
[IDE版本号]
hbuilderx 2.6.5.20200314
[windows版本号]
win10 企业版
[mac版本号]
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[运行端版本号]
[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]
是HBuilderX创建
[编译模式是老模板模式还是新的自定义组件模式?]
新的自定义组件模式
App运行环境说明
[Android版本号]
[iOS版本号]
[手机型号]
[模拟器型号]
MuMu模拟器
附件
[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]
[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]
[App安装包或H5地址]
[可重现代码片段]
联系方式
[QQ]420707376