VueJS2：帮助追踪"TypeError: Cannot read property 'XXX' of undefined"

Question

我使用的是VueJS2，在从函数返回API数据时遇到以下问题:

Uncaught (in promise) TypeError: Cannot read property 'P_shortName' of undefined

当UI在一段时间后成功渲染数据时，我得到了上面令人讨厌的控制台日志输出。

模板中有:

<td>
{{ registerName(country.registerIdentifier_FK) }}
</td>

registerName()看起来像这样:

methods: {
async registerName(id) {
const register = this.registers.find(
register => id === register.registerIdentifier_PK
)
return register.P_shortName
},
}

我能做些什么来减轻这个错误?

Answer 1

试试。

我不认为这里需要使用async。

registerName(id) {
const register = this.registers.find(
(register) => id === register.registerIdentifier_PK
);
return register ? register.P_shortName : null;
}