使用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]。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM