javascript - 如何在 vuejs 中将对象附加到 formData

Question

我无法将对象附加到 FormData

我用axios

我不想通过以下方式发送数据JSON.stringify()

data () {
   return {
      product: {

          title: '',

          description: '',

          properties: {
             property1: '',
             property2: ''
          }
      }
   }
}

我要这个

‍‍</p>

{title: '', description: '', properties:{property1: '', property2: ''}}

标签： javascriptobjectvue.jsaxiosform-data

Answer 1

尝试使用Object.entries. 例如...

// If this is the object you want to convert to FormData...
const item = {
    description: 'First item',
    price: 13,
    photo: File
};

const formData = new FormData();

Object.entries(item).forEach(([key, value]) => {
    formData.append(key, value);
});

// At this point, you can then pass formData as the payload to axios

在此处阅读更多信息Object.entries()- https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/entries