数据渲染underfined报错

本质:组件渲染速度比接口返回数据快，导致组件在数据还没到手时就开始渲染，从而访问未定义或 null 的属性，触发报错。 场景：组件中onMounted函数挂载就发送请求获取数据和组件数据渲染，但是此时接口的数据可能没有那么快返回过来，组件一渲染就导致找不到数据的属性发生报错。

解决方法

1.可选链语法 ？.

 <div class="content">
            <h3>{{ departData?.baseMap?.workDateString }}</h3>
        </div>

2.v-if 控制渲染时机

    <div class="container" v-if="grtDetailData.details"></div>