获取数组中的值问题

Question

遍历数组后，获取编辑的数据。

Answer 1

<template>
  <div>
    <div v-for="item in data1" >
      <Input type="text"  v-model="item.name" @on-change="change(item)" style="width: 200px; padding: 20px;" />
      <Input type="text"  v-model="item.age" @on-change="change(item)" style="width: 200px;"/>
    </div>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        data1: [
          {
            name: 'John Brown',
            age: 18
          },
          {
            name: 'Jim Green',
            age: 24
          },
          {
            name: 'Joe Black',
            age: 30
          }
        ]
      }
    },
    methods: {
      change(item) {
          console.log(item);
      }
    }
  }
</script>

Answer 2

事件里面可以传参的

Answer 3

@on-change="change(item)"