出现原因:van-toast 会自动给body添加 .van-toast-unclickable,该class存在一个全局样式设置
.van-toast--unclickable * { pointer-events: none }
,该样式导致了 van-list 高度丢失——为什么该样式会导致高度丢失目前不知,请教知道的大佬指点
重现方式:在body上添加 class=“van-toast–unclickable”,body下所有属性都会出现
.van-toast--unclickable * { pointer-events: none }
解决方案一:使用van-toast组件时,forbidClick设置为false
Toast.loading({
duration: 0,
message: "加载中...",
forbidClick: false,
loadingType: "spinner",
});
解决方案二: 设置全局css样式
- 解决方案缺陷:van-toast 组件的forbidClick属性失效
.van-toast--unclickable * {
pointer-events: auto !important;
}
.van-toast {
&::before {
content: "";
display: block;
position: fixed;
width: 100vw;
height: 100vh;
opacity: 0;
z-index: 9999;
}
}