码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-07-04 11:37:04      阅读:808      评论:0      收藏:0      [点我收藏+]

标签:组件   rip   hand   方法   pup   使用   methods   script   efault   

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

  

 

 

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

标签:组件   rip   hand   方法   pup   使用   methods   script   efault   

原文地址:https://www.cnblogs.com/xingxingzi/p/9262137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!