现象描述:有一个Dialog弹框,用来展示详情信息。但是有一次发现,弹框中明明有数据,闪现了一下,就变成了空白。
查看网页元素中,也是有数据的。
开始是怀疑css样式给隐藏了,
但是发现也不是,这个元素样式非常简单,我只要去掉高度或者overflow就不会出现闪现白屏。所以排除样式问题。
后来经过排查: 发现是element的区域加载loading。
因为这里的数据时异步请求,所以会添加loading,
但是v-loading和我自定义的高度,overflow出现了冲突。
将v-loading换一个地方就OK了。