站群软件,建设网站合同,网页设计图片素材小插件,云南省做网站开发的公司排名昨天感冒发烧了#xff0c;脑子不好使。在实现这个动态表单项时一直报错脑瓜子嗡嗡的#xff01; 不过好在昨天休息好了#xff0c;今天起来趁脑瓜子好使#xff0c;一会就弄好了。 这里记录一下 el-form-itemv-for(classId,index) in addFom.classIds:lab… 昨天感冒发烧了脑子不好使。在实现这个动态表单项时一直报错脑瓜子嗡嗡的 不过好在昨天休息好了今天起来趁脑瓜子好使一会就弄好了。 这里记录一下 el-form-itemv-for(classId,index) in addFom.classIds:label班级${index1}el-row :gutter12el-col :span12el-input v-modelclassId.classId/el-input/el-colel-col :span5el-button typedanger iconel-icon-delete circle clickremoveClassId(index)//el-col/el-row/el-form-itemel-form-itemel-button typesuccess提交/el-buttonel-button clickaddClassId :disableddisabled添加班级/el-button/el-form-item data(){return{addFom: {teaName: ,teaSex: true,teaType: true,teaPhone: ,seniority: 0,classIds: [{ classId: }]}}}/* 动态添加表单行 */addClassId() {this.addFom.classIds.length 6 ? this.addFom.classIds.push({ classId: }) : this.disabled true},/* 动态删除表单行 */removeClassId(index) {this.addFom.classIds.splice(index, 1)this.disabled false} 总结
其实就是利用了vue的v-for循环渲染。通过添加数组实现动态添加表单项
