关于uniapp制作微信小程序弹出框中使用scroll-view在ios系统中无法滑动的问题

开发者在uniapp中遇到微信小程序scroll-view在iOS下无法滚动的问题,通过添加touchmove事件并使用stopPropagation未解决问题。最终发现应使用`.stop`方法监听,修复后组件功能正常运行。
摘要由CSDN通过智能技术生成

        最近使用uniapp开发一个微信小程序,开发过程中在微信开发者工具中测试一切正常,真机测试时安卓系统也正常,但是在ios系统下有一个组件功能始终无法通过。经排查,该组件使用了color-ui的弹出框,在弹出框里面又使用了scroll-view容器,但是scroll-view容器里的内容却无法正常滑动。

        使用百度搜索相关问题,对弹框元素使用了catchtouchmove属性,依旧没有用。然后就想通过控制台看一下到底为什么没有生效,于是对弹框元素和父级元素添加了@touchmove事件做输出,弹框元素输出bbb,父级元素输出aaa,并且在弹框元素的touchmove事件中使用stopPropagation()方法禁止事件向父级传递:

//弹框touchmove事件方法
mytouchmove(e){
    console.log('bbb');
	e.stopPropagation();
}

测试发现:控制台输出bbb后,依旧输出了aaa,等于stopPropagation()没生效。于是去uniapp官网查文档,发现了这样一段内容:

 那么,原因就很明显了,要使用@touchmove.stop方法做监听即可,再次使用ios真机测试,scroll-view内容可以正常滑动了,至此,问题解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

nwsxdxqs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值