vue获取form内所有name数据
不使用 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>