javascript - 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: []
        }
    }
},

}

标签： javascripthtmlvue.js

Answer 1

从上面的问题，我假设这是您期望的输出形式

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

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

<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: []
        }
    }
 },

}