使用mint-ui中弹框组件与原生弹框阻止父页面不滑动方法

Posted yuanxinru321

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用mint-ui中弹框组件与原生弹框阻止父页面不滑动方法相关的知识,希望对你有一定的参考价值。

1,使用mint-ui框架中<mt-popup></mt-popup>,在组件中加入 lockScroll="true" 阻止父页面不滑动。

2,原生弹框中,弹框页面中最外层div里面加(touchmove事件)@touchmove="handleTouchmove" 然后在methods方法里面加入 handleTouchmove (e) { e.preventDefault() }, 阻止父页面不滑动

 

 

原文点击:https://blog.csdn.net/qq_35430000/article/details/82225158?utm_source=copy

以上是关于使用mint-ui中弹框组件与原生弹框阻止父页面不滑动方法的主要内容,如果未能解决你的问题,请参考以下文章

uniapp 使用subNVue原生子窗体解决web-view等原生页面中弹框无法显示的问题

uniapp 使用subNVue原生子窗体解决web-view等原生页面中弹框无法显示的问题

jquery-layer弹框在火狐浏览器中弹框不显示的问题

sweetalert弹框组件使用

layer.js 中弹框显示不全的问题

js页面的弹框怎么关闭啊