elementUI之表单回填报错400-

请勿胡乱使用表单回填

最近使用了element+vue来写后台项目，后台研发的我，用着vue感觉不要太舒服。在界面表单回填数据进行编辑的时候，按钮直接设置为
@click="handleEdit(scope.$index, scope.row)"
然后在methods里面，编辑按钮事件为
//编辑 handleEdit(index, row) { this.order = row;//将当前数据填入模态框 this.dialogVisible = true; //重新加载table this.loadOrders(); },
你就可以愉快的发现，表单数据对应回填了，哪怕在data里面设置的对象属性不一致，也可以直接把同名的属性的值回填，这就有个坑，出现了。这个坑就是，即使没有对应属性，但它还是会给你添加进入你想要回填的表单数据里面，成为一个带值的隐藏属性，然后在调用后台save方法的时候，就会疯狂报400-的错误，许琳琳的教训啊，因为页面是使用v-model绑定数据的，所以正确的回填操作是，当两个表单具备相同属性然而也有各自独有的属性时，这时候的表单回填就需要一个个的手动对应回填，才不会出现多出多个蜜汁属性的问题，导致400的报错。