尝试访问 vue js 中嵌套对象内的空值时获取未定义

如何解决尝试访问 vue js 中嵌套对象内的空值时获取未定义

我有一个对象

const data={a:'value1',b:{c:'null'}}

现在，当我尝试访问“c”时，得到“undefined”，但得到“b”。 我尝试这样访问：

console.log(data.b) returns {c:'null'} but
console.log(data.b.c) returns undefined

解决方法

使用这个

let {c} = data.b;
console.log(c);

它将解决您的问题。

更新： 在 vue 组件中，有时您无法像这样获取嵌套对象

data.b.c

所以你必须使用这个策略来访问嵌套的对象属性。像这样

let {c} = data.b