赞
踩
Toast.loading({ forbidClick: false }) 将 forbidClick 设置为 false可解决该问题,但同样会导致背景可点击。(不推荐)
自定义组件:模拟 Toast 组件效果即可
<template>
<van-popup v-model="appLoading" :close-on-click-overlay="false" :overlay="false">
<div class="loading-wrap">
<van-loading color="#fff" />
</div>
</van-popup>
</template>
<script>
import { Popup, Loading } from 'vant'
export default {
components: {
[Popup.name]: Popup,
[Loading.name]: Loading
},
props: {
appLoading: {
type: Boolean,
default: false
}
}
}
</script>
<style lang="scss" scoped>
.van-popup {
background-color: transparent;
border-radius: 12px;
overflow: hidden;
}
.loading-wrap {
display: flex;
justify-content: center;
align-items: center;
width: 130px;
height: 130px;
background-color: rgba(0, 0, 0, 0.7);
}
</style>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。