在v-for循环 添加到input 框的值 如何拿到input 框的name值 和value值

可以在input标签上绑定一个`v-model`指令，将输入的值双向绑定到组件的数据中。同时可以通过绑定`@change`事件来触发一个方法，从而获取输入框的name和value值。

例如：

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <label>{{ item.label }}</label>
      <input type="text" v-model="item.value" :name="item.name" @change="handleInputChange(item.name, item.value)">
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      items: [
        { name: 'name1', label: 'Label 1', value: '' },
        { name: 'name2', label: 'Label 2', value: '' },
        { name: 'name3', label: 'Label 3', value: '' }
      ]
    }
  },
  methods: {
    handleInputChange (name, value) {
      console.log('Name:', name)
      console.log('Value:', value)
    }
  }
}
</script>

在上面的例子中，我们通过`v-for`循环渲染了多个输入框，并将输入框的值绑定到了组件的`items`数据中。同时，我们在输入框绑定了`name`属性和`change`事件。当输入框的值发生改变时，会触发`handleInputChange`方法，从而获取到输入框的`name`和`value`值。