原代码:
html
<!-- dialog -->
<van-dialog v-model="showTipsDialog" title="温馨提示">
<p>dialog内容</p>
</van-dialog>
<!-- overlay -->
<van-overlay style="display: flex" :show="showLoadingOverlay">
<div><van-loading color="#1989fa" /></div>
</van-overlay>
在触发showTipsDialog=true
之后,dialog的遮罩层消失了,但是触发了overlay,并检查showLoadingOverlay
是为false的。
排查原因:
因为调整overlay内容样式的时候直接把样式写在了overlay的style里面造成了样式污染,把样式写在自定义类名className
即可解决。
html
<van-overlay className="loading_overlay" :show="showLoadingOverlay">
<div><van-loading color="#1989fa" /></div>
</van-overlay>