为什么 vue js 中的 DataForm() 为空？

Question

我有活动代码 我 运行 它使用 console.log() 并发现 console.log I 运行 的值是 [] 为什么，我需要master code vue的帮助，请帮助我

uploadFile() {
  let file = this.file;
  const filedata = new FormData();
  filedata.append("name", "my-file");
  filedata.append("file", file);

  console.log(filedata);

  this.$store.dispatch("postDataUpload", { filedata }).then(
    (response) => {
      // this.data = response.data
    },
    (error) => {}
  );
},

Answer 1

您的 FormData 对象实际上不是空的，只是它包含的数据没有像普通对象那样显示在控制台中。您必须将条目提取为数组才能查看其中包含的数据。

const d = new FormData()
d.append('foo', 'bar')

// Logging the object directly isn't very helpful
// (data isn't shown in console)
console.log(d)

// Log the [key, value] entries as an array
console.log([...d.entries()])

请参阅 documentation 以了解访问其中包含的数据的方法。它是一个类似地图的对象，所以期待类似的方法。