el-input数组输入

对于el-input组件，如果想要实现数组输入，你可以使用v-for指令来循环渲染多个input框，并将每个input的值绑定到一个数组中。

下面是一个示例的代码片段：

<template>
  <div>
    <div v-for="(item, index) in inputArray" :key="index">
      <el-input v-model="inputArray[index]"></el-input>
    </div>
    <el-button @click="addInput">添加输入框</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputArray: [], // 存储输入框的值的数组
    };
  },
  methods: {
    addInput() {
      this.inputArray.push(''); // 在数组末尾添加一个空字符串，作为新的输入框
    },
  },
};
</script>

在上述示例中，我们使用v-for指令循环渲染了多个el-input组件，并将每个输入框的值绑定到`inputArray`数组中的相应索引位置。通过点击"添加输入框"按钮，你可以动态地增加更多的输入框。这样，你就可以在数组中保存多个输入框的值了。

相关问题

el-input存放数组

el-input组件是用来输入单个值的，而不是用来存放数组的。如果需要存放数组，可以考虑使用el-select或el-checkbox-group等组件。如果一定要使用el-input来存放数组，可以将数组转换为字符串，然后在el-input中输入这个字符串，最后再通过字符串的处理将其转换为数组。例如，将一个数组[1,2,3]转换为字符串"1,2,3"，然后在el-input中输入这个字符串，最后再使用split方法将其转换为数组。但这种方法不太方便和易于操作，建议使用其他更适合的组件来存放数组。

el-input绑定数组

el-input绑定数组的方法如下所示：

1. 首先，在Vue的data中定义一个空数组，用于存放绑定的值：

data() {
  return {
    inputData: []
  }
}

2. 然后，使用v-for指令遍历数组，并将每个输入框的v-model与数组的特定项进行绑定：

<template>
  <div>
    <el-input v-for="(item, index) in inputData" :key="index" v-model="item"></el-input>
  </div>
</template>

这样，当用户在输入框中输入内容时，对应的数组项的值也会随之改变。