将对象内的 vue 对象放入控制台

Question

我的 Vue 中有一个名为“文件”的对象。当我使用 console.log 查看其内容时，如下图所示

console.log(file);

但是现在我想看exif的内容所以我试了

console.log(file.exif)

问题是它总是“未定义”。我究竟做错了什么？请帮忙。

Answer 1

我注意到的第一件事是它exif没有...所有其他属性都有。这表明它没有属性吸气剂。由于反应性属性都有吸气剂，因此这表明该属性的添加晚于其他属性而不使用Vue.set.考虑到这一点，值得注意的是记录到控制台的对象是实时的。如果您将鼠标悬停在蓝色的小 i 图标上，您会得到一些指示。当您记录对象时，控制台不会获取属性的副本。它只会在您在控制台中展开对象时获取属性值。因此，我认为正在发生的是，在exif您注销对象时该属性不存在，但随后在您单击控制台中的对象之前添加了该属性。您还可以尝试登录以仔细检查其他事项。例如console.log(JSON.stringify(file))或console.log(Object.keys(file))。这些都应该确认该exif属性在那时不存在。