vue form内のすべてのnameデータを取得
vue form内のすべてのnameデータを取得
v-modelを用いずにjQueryの$(‘form’)を実現する.serializeArray()機能
v-modelを用いずにjQueryの$(‘form’)を実現する.serializeArray()機能
<div id="app">
<form ref="form" @submit.prevent="submit">
<input type="text" name="name">
<input type="number" name="age">
<button type="submit">Submit</button>
</form>
</div>
<script>
export default {
methods: {
submit() {
// $refs
const formData = new FormData(this.$refs['form']);
const data = {}
//formData.entries() iterator , FormData
for (let [key, val] of formData.entries()) {
Object.assign(data, { [key]: val })
}
console.log(data);//{name:'xxx', age:xx }
}
}
}
</script>