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


3.2.0 alpha 已修复

回到顶部