vux xDialog 弹框ios穿透问题
项目中遇到一个问题,使用的是vux组件库,在使用弹出框的时候,在iOS系统上,遮罩层下面的按钮还可以点击,并且下面还可以滚动,最先想到的就是ios穿透问题,但是网上查到的资料都是滚动穿透,并不是点击穿透,后来查看vux官网发现,在使用XDialog的时候,需要加上TransferDomDirective as TransferDom,并进行指令注册,就可以了,接下来上代码。
顺便上链接 https://doc.vux.li/zh-CN/components/x-dialog.html
<div v-transfer-dom> <x-dialog v-transfer-dom v-model="showInsuranceTip" class="dialog-insurance"> <!--<div @click="showInsuranceTip = false" class="pop-close">x</div>--> <insurance-dialog @onCloseDio="closeDiolog" @onGoBack="goBackPage"></insurance-dialog> </x-dialog> </div>
import { XDialog, TransferDomDirective as TransferDom } from 'vux';
directives: {
TransferDom,
TransformDom
}
终于解决啦!