{"input":[]} vue 怎么取input的值

在 Vue.js 中，如果你有一个数组 `inputs`，其中包含多个 `input` 元素，你需要为它们设置 `v-model` 指令来绑定输入值。以下是基本的示例：

假设你的数据模型是这样的：

export default {
  data() {
    return {
      inputs: [
        { name: 'Input 1', value: '' },
        { name: 'Input 2', value: '' },
        // 更多 input...
      ]
    };
  },
};

在 HTML 模板中，你会这样显示每个输入框并获取其值：

<template>
  <div>
    <input v-model="inputs[0].value" type="text" placeholder="输入1">
    <input v-model="inputs[1].value" type="text" placeholder="输入2">
    <!-- 更多 input... -->
  </div>
</template>

当用户在输入框中键入内容时，Vue 将自动将输入的内容绑定到 `inputs` 对象对应的 `value` 属性上。

如果你想获取所有输入的值，可以遍历 `inputs` 数组：

<script>
export default {
  data() {
    //...
  },
  methods: {
    getAllInputsValues() {
      return this.inputs.map(input => input.value);
    }
  },
};
</script>

然后在需要的地方调用 `getAllInputsValues()` 函数即可获取所有输入值。