报错详情:
排查原因:
在组件的 properties
和 data
中定义了同名的属性。
在微信小程序中,properties
和 data
是两个不同的概念,properties
是用来接收外部传入的属性值,data
是组件内部维护的状态。当它们有同名属性时,properties
的值会覆盖 data
的值。
可以通过以下方式修复错误:
- 1 删除
data
中的readOnly
和maxCount
属性。
data: {
myValue: [],
previewSize: 64,
show: false
},
- 2.当需要改变
readOnly
和maxCount
的值时,使用this.setData
方法。
this.setData({
readOnly: true, // 改变 readOnly 的值
maxCount: 3, // 改变 maxCount 的值
});
- 3 当你需要获取
readOnly
和maxCount
的值时,直接从this.data
中获取。
const { readOnly, maxCount } = this.data; // 获取 readOnly 和 maxCount 的值