index.vue
<scroll-view :scroll-x="true" class="scene-scroll" >
<view class="u-flex-conter" :style="{width:3*265+'rpx'}">
<view class=" u-overflow scene-list-card"
v-for="(item,index) in 3" :key="index">{{item}}</view>
</view>
</scroll-view>
pages.json
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页",
"enablePullDownRefresh": true,
"navigationStyle": "custom",
"app-plus": {
"bounce": false
}
}
}
1***@qq.com
- 发布：2023-12-15 10:16
- 更新：2023-12-15 10:28
- 阅读：220
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.98
手机系统： Android
手机系统版本号： Android 13
手机厂商： 华为
手机机型： h5
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
浏览器调试"enablePullDownRefresh": true,页面横向滑动<scroll-view>会报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
浏览器调试"enablePullDownRefresh": true,页面横向滑动<scroll-view>会报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
预期结果：
不报错
不报错
实际结果：
报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
bug描述：
【报Bug】<scroll-view :scroll-x="true" >和"enablePullDownRefresh": true,冲突
滑动会报错[Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
1***@qq.com (作者)
那有刷新页面的横向滚动怎么办
2024-01-02 16:18