属于自己记录的一个问题:
表格中点击编辑后弹出Modal,带入行数据,然后确认或取消,点击新增再次弹出这个Modal,会出现以下几个问题:
1. 新增后什么都没做直接触发了表单校验,所有校验项全部爆红,影响体验;
解决方法:将编辑的打开Modal时间和新增的打开Modal事件全部写在this.$nextTick中;
2. 点击编辑后确认,再次打开新增,刚才操作的行数据被清空;
触发bug原因:保存时直接将引用交给了table的data,打开新增弹窗时这个引用被置空,影响了行数据;
解决方法:保存时使用this.$set(data, index, JSON.parse(JSON.stringify(this.formInline)))