如题,微信小程序使用vant时,经常遇到dialog,popup等弹窗。禁止页面上下滑动,这个时候,只需一句代码,轻松搞定。
<page-meta page-style="{{ lockScroll ? 'overflow: hidden;' : '' }}" />
上面这句放WXML。在开启弹窗的时,值给lockScroll:false即可。
本文介绍了在微信小程序中使用vant组件时,如何通过设置`lockScroll`属性为`false`来防止dialog或popup弹窗阻止页面上下滚动,只需一行WXML代码即可轻松解决。
如题,微信小程序使用vant时,经常遇到dialog,popup等弹窗。禁止页面上下滑动,这个时候,只需一句代码,轻松搞定。
<page-meta page-style="{{ lockScroll ? 'overflow: hidden;' : '' }}" />
上面这句放WXML。在开启弹窗的时,值给lockScroll:false即可。
628
1274
178

被折叠的 条评论
为什么被折叠?