酒水销售网站模板,制作图片软件免费版,wordpress修改主题页面,自己怎样建企业网站由于编译问题#xff0c;把几个type检查给关闭了#xff0c;否则错误太多。
1#xff09;第一个检查出的问题#xff0c;拼写错误数组的length#xff0c;写成了lengh。
2#xff09;数组的对象引用。
torStatus Array(8).fill({ ...defaultStatus }) as TorStatus[]…由于编译问题把几个type检查给关闭了否则错误太多。
1第一个检查出的问题拼写错误数组的length写成了lengh。
2数组的对象引用。
torStatus Array(8).fill({ ...defaultStatus }) as TorStatus[];
这种方式会创建一个长度为 8 的数组 torStatus其中每个元素都引用了同一个对象即 defaultStatus 对象的副本。这里的 { ...defaultStatus } 会生成一个新的对象副本但在 fill 操作中所有 8 个元素将引用这个同一个新对象。
因此修改 torStatus[0] 会影响数组中的其他元素因为它们实际上引用的是同一个对象即数组中所有的对象是同一个内存地址
必须改成
torStatus Array(8).fill(null).map(() ({ ...defaultStatus })) as TorStatus[];这样map() 会确保为每个数组元素生成一个新的对象副本因此修改 cannyEtorStatus[0] 时不会影响到数组中的其他元素。 3UI中值的调试方法
一般是用console.log打印
还可以直接在UI中显示
调试方法直接在ui中显示值
div{{record.FloorNum , (Number(column.dataIndex.slice(-2)) - 1) , record.torStatus[Number(column.dataIndex.slice(-2)) - 1].incar }}
/div4)用watch监控变量时一个变量是有效的另一个变量更新后属性不怎么变化。
改成一样的添加 deep: true 后生效。
watch(() props.cannyEtorGroupStatus,(newStatus, oldStatus) {console.log(in watch props.torGroupStatus);if (newStatus ! undefined) {console.log(in watch props.torGroupStatus,if (newStatus ! undefined));updateDataSourceByEtorGroupStatus(newStatus);}},{ immediate: true, deep: true } // 初始化时也会调用一次
);
因为watch 只会监听 浅层 数据变化即监听对象或数组的引用变化而不会对对象内部的属性变化进行监听。
当你在 watch 中添加 deep: true 选项时表示你希望对 深层次的数据变化 进行监听。也就是说它会递归地监控对象或数组的每一个属性或者元素的变化无论是对象的某个属性还是数组的某个元素发生变化都会触发回调函数。
deep: true 用于深度监听对象或数组的内部变化。它会递归地监视对象或数组的每个属性或元素无论其内容如何改变。使用时要小心性能开销尤其是在数据结构较大的情况下
5模拟dtu用落地包数据本地测试
