表单中的追加在Vue.js组件中不起作用

Question

这是我的模板：

<form class="form-inline editableImage" @submit.prevent="upload">
    ...
</form>

这是我的剧本：

methods: {
    upload: function() {
        let data = new FormData();
        data.append('foo', 'bar');
        console.log('data', data);
    }
}

console.log显示：

data FormData {}
    __proto__: FormData

为什么data为空？

Answer 1

实际上，它并不是空的。您可以使用get(key)方法检查数据。 console.log(data.get('foo'));应该显示'bar'