vue 表单问题。

Question

<template>
  <form>
    <span v-for="item in list">
        <input type="text" :value="'U' + item">
        <button @click="list++"></button>
    </span>
    <button @click="getArray()">Upnow</button>
  </form>
</template>

<input> 通过 list 循环自增。
想要getArray()时能把所有的input.value都弄到个数组里去。

谁能给个示例……

Answer 1

<template>
  <form>
    <span v-for="(item, index) in list" :key="index">
      <input type="text" v-model="item.value" />
      <button @click="list.push({})" type="button">添加</button>
    </span>
    <button @click="getArray" type="button">Upnow</button>
  </form>
</template>
<script>
export default {
  data() {
    return {
      list: [{}]
    };
  },
  methods: {
    getArray() {
      console.log(this.list.map(item => item.value));
    }
  }
};
</script>