<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> <i class="el-icon-refresh" style="width: 25;height: 25px;font-size: 25px;margin: 0 5px;transform: translateY(4px);"></i> <el-input v-model="ruleForm.name" style="width: 270px;" placeholder="请输入内容"></el-input> </p> 在input 框如何输入值 不影响别的输入框 然后点确定 都能将对对应的保存下来

你可以使用v-model指令来绑定每个input框的值，同时给每个input框一个唯一的key。这样就可以独立输入值，而不会影响其他输入框的值。在点击“确定”按钮时，你可以将所有的input框的值都保存到一个数组或对象中，这样就能将每个input框对应的值保存下来。以下是一个简单的示例代码：

<template>
  <div>
    <p v-for="(item, index) in arr" :key="index">
      <el-input v-model="item.name" style="width: 270px;" placeholder="请输入内容"></el-input>
      <i class="el-icon-refresh" style="width: 25;height: 25px;font-size: 25px;margin: 0 5px;transform: translateY(4px);"></i>
      <el-input v-model="item.value" style="width: 270px;" placeholder="请输入内容"></el-input>
    </p>
    <el-button type="primary" @click="saveValues">确定</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        { name: '', value: '' },
        { name: '', value: '' },
        { name: '', value: '' }
      ],
      ruleForm: {}
    }
  },
  methods: {
    saveValues() {
      let values = {};
      for (let i = 0; i < this.arr.length; i++) {
        let item = this.arr[i];
        values[item.name] = item.value;
      }
      console.log(values);
      // 这里可以将values保存到数据库或其他地方
    }
  }
}
</script>