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

最新推荐文章于 2024-12-19 15:11:28 发布

原创最新推荐文章于 2024-12-19 15:11:28 发布 · 2.6k 阅读

0 ·

CC 4.0 BY-SA版权

vue 同时被 2 个专栏收录

84 篇文章

订阅专栏

mint-ui

2 篇文章

订阅专栏

阿里云是卓越的云计算服务提供商，超230万用户正享受其“稳定、安全、低成本”的产品服务。还提供金牌服务，包括免费体验、专业快速备案、7x24小时售后等，是服务器的优质选择。

1,使用mint-ui框架中<mt-popup></mt-popup>,在组件中加入 lockScroll="true" 阻止父页面不滑动。
2,原生弹框中，弹框页面中最外层div里面加(touchmove事件)@touchmove="handleTouchmove" 然后在methods方法里面加入 
  handleTouchmove (e) {
    e.preventDefault()
  },
阻止父页面不滑动

卓越的云计算服务提供商,230万+用户正在享受阿里云"稳定,安全,低成本"的产品服务,金牌服务:免费体验,专业快速备案,7x24小时售后,服务器只选阿里云