Vue动态v模型生成具有null值的额外数组项

Question

我正在研究惯性laravel，以更新Vue内联表输入的数据，

这是喷流输入场分量。

<jet-input type="text" v-model="inlineEdit.partner[item.id]"/>

项目。id是我的数据库增量id。

data() {
return {
inlineEdit: this.$inertia.form({
partner: [],
}),
}
},
methods: {
updateInline() {
this.inlineEdit.put(route('codes.update'))
}
}

这是我尝试更新时的结果。

array:6 [▼
0 => null
1 => null
2 => null
3 => null
4 => null
5 => "123"
]

5是实际的项目。id但不知道为什么显示0到4。

Answer 1

如果您在数组中设置了第五个元素，那么它会自动扩展到所需的大小，缺少空元素。

可能您想使用关联数组(js对象，{}(而不是数组([](

为此，只需将partner的初始值替换为空对象

inlineEdit: this.$inertia.form({
partner: {}, // <-- there
}),