在项目中某个自定义组件中,其中一个属性参数定义如下:
export default {
props: {
// 表单配置
config: {
type: Object,
default: () => {
return {}
}
}
}
}
以为在设置了props的默认值后,就可以安全的直接调用该参数中的属性
const { column } = this.config
结果在运行时发生了报错,调试后发现后台传入的数据 config 参数为 null,也就是说,在props中传入 null 时,vue并不会判定为使用默认值,查阅资料后才发现确实vue对 null 和 undefined 的判定是不一样的。
可以查看这篇文章 ,里面说的非常详细。
在Vue组件中,如果定义了props的默认值,如一个对象,当实际传入的props为null时,Vue不会自动使用默认值。这可能导致运行时错误,因为尝试访问null的属性会抛出异常。开发者需要注意在使用props之前进行非空检查,以确保代码的健壮性。
2126

被折叠的 条评论
为什么被折叠?



