使用v-for循环写入html内容，每一项的数据的写入

 

项目使用vue.js,在写某个dialog页面时，需要循环后台的数据（班级，班级学生名单，已选学生名单，发布时间，截止时间，答案显示等）。

遇到的问题：循环绑定的值是相同的，而且改动一个值，其他item相对的字段也会改动。

解决：

在使用v-for时，将index参数传下来。在例如 el-dropdown组件中，@command要等于“方法名（$event,index）”，下拉框出现/隐藏时触发@visible-change要等于

“方法名（$event,index）”。在该组件内部v-model的值为某数组[index]。包括在循环中的任何一个v-model的值都应该设为某数组[index]。