Vfor 循环 Vue 中的动态 V 模型名称

Question

我正在开发一个应用程序，我正在使用 Vue 和 laravel，在 v-for 循环中，我需要在循环中 error.id 绑定到元素的 v 模型名称，这是我的代码：

<tbody class="bodycol">
<tr v-for="error in errors.error" :key="error.id" >
<td>{{ error.client }}</td>
<td>{{ error.session }}</td>
<td>{{ error.info_session }}</td>
<td>{{ error.UPROC }}</td>
<td>{{ error.num_session }}</td>
<td>{{ error.num_exec }}</td>
<td>{{ error.date_debut }}</td>
<td>{{ error.heure_debut }}</td>
<td>{{ error.date_fin }}</td>
<td>{{ error.heure_fin }}</td>
<td>{{ error.status }}
<form @submit="addComment(error.id)" >
<div class="form-group">
<input v-model="form.comment[error.id]" type="text" name="comment"
class="form-control area" :class="{ 'is-invalid': form.errors.has('comment') }" 
required>
<has-error :form="form" field="comment"></has-error>
</div>
</form>
</td>
</tr>

data(){
return{
comment:[],
}
}

问题是错误的输出。状态为：

[null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,"the comment is here"]

Answer 1

将数据更改为此值。您引用的是form.comment而不是comment

export default {
data() {
return {
form: {
comment: []
}
}
}
}