[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Null.

[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Null._第1张图片
这里翻译过来就是image属性应该为String,但是为null
这里最常见的错误就是组件的:image属性没有设置默认值
[Vue warn]: Invalid prop: type check failed for prop “image“. Expected String, got Null._第2张图片
像这样,后面加个default默认值即可。
在这里插入图片描述
其他还有四种可能原因,第一种,oss的impl实现层路径写错了
在这里插入图片描述
第二种,你的图片出错了,像这样:
在这里插入图片描述
第三种,你实体类的头像参数名不对应
比如你写的photo,而前端接收时用的avatar

第四种,你的is_deleted属性在数据库中没有设置默认值,这里解决方案是把默认值设置为0

如果以上四种方法还没有解决,那应该暂时不用管了,因为解决掉这四个后估计这个问题已经不会影响你操作了。

你可能感兴趣的:(bug+1,vue.js,前端,javascript)