vue获取form内所有name数据

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>