uni-app 3.1.22 版本 scroll-view 不再支持@touchstart、@touchmove、@touchend
uni-app 3.1.22 版本 scroll-view 不再支持@touchstart、@touchmove、@touchend
| 项目信息 | 详情 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Mac |
| PC开发环境操作系统版本号 | 10.15.7 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.1.22 |
| 手机系统 | 全部 |
| 手机系统版本号 | IOS 14 |
| 手机厂商 | 苹果 |
| 手机机型 | iPhone7 |
| 页面类型 | vue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
测试过的手机:
- iPhone 7 和 浏览器
示例代码:
<template>
...
<scroll-view
scroll-y
@scroll="onScroll"
class="cover-container"
style="[{
transform: coverTransform,
transition: coverTransition
}]"
[@touchstart](/user/touchstart).stop="coverTouchstart"
[@touchmove](/user/touchmove).stop="coverTouchmove"
[@touchend](/user/touchend).stop="coverTouchend"
@scrolltolower="reachBottom"
>
...
</template>
<script>
...
methods: {
// 回弹效果
coverTouchstart(e) {
// this.coverTransition = 'transform .1s linear'
this.startY = e.touches[0].clientY
},
coverTouchmove(e) {
if (!this.canRefresh) {
return
}
this.moveY = e.touches[0].clientY
let moveDistance = this.moveY - this.startY
if(moveDistance < 0){
this.moving = false
return
}
this.moving = true
...
},
coverTouchend() {
if (!this.getReady) {
return
}
this.runRefresh()
},
...
}
...
</script>
操作步骤:
- 什么事复现步骤?
预期结果:
- 什么是预期结果?
实际结果:
- 什么是实际结果?
bug描述:
3.1.22.20210709 这个版本的 scroll-view 不再支持@touchstart、@touchmove、@touchend了,换作@touchstart.stop、@touchmove.stop、@touchend.stop也不支持,退回到之前的版本这两种写法都支持,不知道是官方有意取消了这个功能,还是bug,这个功能对我来说很重要,我用这三个相应写了模拟下拉刷新,非常灵活好用,几乎每个页面都用到了,但是升级到最新版本的HBuilderX就用不了了
更多关于uni-app 3.1.22 版本 scroll-view 不再支持@touchstart、@touchmove、@touchend的实战教程也可以访问 https://www.itying.com/category-93-b0.html
2 回复
更多关于uni-app 3.1.22 版本 scroll-view 不再支持@touchstart、@touchmove、@touchend的实战教程也可以访问 https://www.itying.com/category-93-b0.html


