<p style="margin-bottom: 20px;" v-for="(item, index) in arr" :key="index"> <el-input v-model="item.name" style="width: 270px;" placeholder="请输入内容"></el-input> <el-input v-model="ruleForm.name" style="width: 270px;" placeholder="请输入内容"></el-input> </p> 在input 框如何输入值 不影响别的输入框 然后点确定 都能将对对应的保存下来

你可以给每个输入框设置一个不同的 v-model，这样每个输入框的值就可以独立保存了。另外，如果你想在点击确定按钮后将所有输入框的值保存下来，可以在确定按钮的点击事件中循环遍历所有输入框的值，然后进行保存。具体代码实现可以参考下面的示例：

<template>
  <div>
    <p v-for="(item, index) in arr" :key="index">
      <el-input v-model="item.name" style="width: 270px;" placeholder="请输入内容"></el-input>
    </p>
    <el-button type="primary" @click="save">确定</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        { name: '' },
        { name: '' },
        { name: '' }
      ],
      ruleForm: {
        name: ''
      }
    }
  },
  methods: {
    save() {
      // 循环遍历所有输入框的值，进行保存
      this.arr.forEach(item => {
        console.log(item.name)
      })
      console.log(this.ruleForm.name)
    }
  }
}
</script>