vue后台管理项目中添加商品时报错：Error in render: “TypeError: Cannot read property ‘_id’ of null”

问题

当在商品后台管理页面中添加商品时，后台报错信息显示无法读取_id属性，如下图所示：

原因

由于表单中只绑定了modelData.manufacturer.name，缺少manufacturer._id,但是后端需要manufacturer整个对象,该对象包含name和_id两个属性。

解决方法

需要去先前添加的manufacturers数组中对应的manufacturer找出并覆盖到modelData中，然后再将新建的modelData商品对象同步到后端并更新到本地。

如果本文对你有帮助的话还请点赞支持一下，另外如果哪里有错误的话还请各位大佬指出来，互相学习。