Level 18
What is the result of console.log(formData)?
Aug 22, 2020
5
Level 4
vue js formdata append not working
I try to append data in Vue js but when i try to console log its show undefined any one know what is the issue
export default {
data() {
return{
name: '',
email: '',
mobile: '',
address: '',
comapnyName: '',
city: '',
state: '',
country: 'India',
pincode: '',
}
},
methods: {
onFormSubmit() {
const formData = new FormData();
formData.append('name', this.name);
formData.append('email', this.email);
formData.append('mobile', this.mobile);
formData.append('address', this.address);
formData.append('comapnyName', this.comapnyName);
formData.append('city', this.city);
formData.append('state', this.state);
formData.append('country', this.country);
formData.append('pincode', this.pincode);
console.log(formData.data);
}
},
};
</script>
Level 24
Because there is no data prop in FormData. If you want to see the data you appended inside FormData, run this:
console.log(...formData.entries());
1 like
Level 4
FormData {}
__proto__: FormData
append: ƒ append()
delete: ƒ delete()
entries: ƒ entries()
forEach: ƒ forEach()
get: ƒ ()
getAll: ƒ getAll()
has: ƒ has()
keys: ƒ keys()
set: ƒ ()
values: ƒ values()
constructor: ƒ FormData()
Symbol(Symbol.iterator): ƒ entries()
Symbol(Symbol.toStringTag): "FormData"
__proto__: Object
Level 9
What are you trying to do?
Use formdata.values(), formdata.keys() for keys.
To send it to an endpoint using axios
axios.post('/api/endpoint',formdata);
Please or to participate in this conversation.