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
}

  终于解决啦!

posted @ 2020-09-03 10:43  晴天web  阅读(523)  评论(0编辑  收藏  举报