Error in render: “TypeError: Cannot read properties of undefined (reading ‘NAME‘)

背景

vue异步数据 ,用于初始DOM,

{{List.data.CInfo[aIndex].NAME}}

延迟执行接口参考:

nextTick()方法作用:

将回调推迟到下一个 DOM 更新周期之后执行。在更改了一些数据以等待 DOM 更新后立即使用它。

此作用与需求刚好相反

其他方法

1.通过watch和mouted监听并且初始化vuex数据

在mounted的时候初始化该数据 并且watch该数据(不推荐)

2.在computed赋值该数据 并且在dom渲染的时候做非空的判断

3.使用拓展运算符

解决:

目前本人使用的方法是第2种直接在DOM里判断是否空

{{List.data.CInfo[aIndex]?List.data.CInfo[aIndex].NAME:''}}

你可能感兴趣的:(前端,javascript,html)