v-for 中的 Vue Js 文本输入都返回相同的输入

Question

我在 v-for 循环中有一个文本输入，如下所示。我希望每个文本输入都被唯一地填充，但是当我输入一个文本输入时，下面的代码都返回相同的值。我做错了什么？

<div v-for="(property, index) in properties" :key="index">
   <input type="text" v-model="form.property_name">Property name<br>
</div>

<script>
import { mapGetters, mapActions } from 'vuex'

export default {

data() {
    return {
        form: {
            property_name: []
        }
    }
},

}

Answer 1

根据上述问题，我假设这是您期望的形式输出

form = {
  property_name: ["sas", "1`11"]
}

将您的 v-model 替换为 v-model="form.property_name[index]"

<div v-for="(property, index) in properties" :key="index">
   <input type="text" v-model="form.property_name[index]">Property name<br>
</div>

<script>
import { mapGetters, mapActions } from 'vuex'

export default {

 data() {
    return {
        form: {
            property_name: []
        }
    }
 },

}