vant的dialog触发了其他overlay

原代码:


	<van-dialog v-model="showTipsDialog" title="温馨提示">
	        <p>dialog内容p>
	van-dialog>


    <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即可解决。

<van-overlay className="loading_overlay" :show="showLoadingOverlay">
      <div><van-loading color="#1989fa" />div>
    van-overlay>

你可能感兴趣的:(javascript,前端,vue.js,html,vant)