作者:可乐加芬达61158 | 来源:互联网 | 2023-09-17 18:54
我就废话不多说了,大家还是直接看代码吧~
![](https://img1.php1.cn/3cdc5/3345/9f3/8612a2fea92602a2.jpeg)
补充知识:vant的popup、Datetimepicker控件滚动穿透
今天一边改bug一边测试发现,vant的popup跟DatetimePicker会出现滚动穿透。
解决办法:使用preventDefault阻止body的touchmove事件。
方法1
![](https://img1.php1.cn/3cdc5/3345/9f3/9675dcd8cc07a96d.jpeg)
![](https://img1.php1.cn/3cdc5/3345/9f3/f7d477ec182b986f.jpeg)
方法2
在全局注册v-roll指令,结合timeDatePicker使用(如第二图)。bodyVisible初始状态为false,在弹层打开时改变,弹层点击确认跟取消时也需要改变!
![](https://img1.php1.cn/3cdc5/3345/9f3/c629b3f448d1b5b6.jpeg)
![](https://img1.php1.cn/3cdc5/3345/9f3/22521800db0f14e5.jpeg)
解决办法源于另一个作者的,附上对方的文章链接(他用的是Mint-ui,但是框架这种东西,大同小异吧,东西都差不多,遇到的问题,很多解决办法都可以相通)