<template>
<div class="div" @tap="addtap">
<scroll-view scroll-y="true" class="scroll" @tap="addtap1">
<view v-for="(item,index) in 10" :key="index">{{index}}</view>
</scroll-view>
</div>
</template>
<script>
export default {
methods: {
addtap() {
console.log(123);
},
addtap1(){
console.log(456);
}
}
}
</script>
<style>
.div {
background-color: #000000;
height: 800rpx;
}
.scroll {
width: 750rpx;
height: 500rpx;
background-color: #fff;
}
</style>
一只小欧追
- 发布：2021-02-03 14:24
- 更新：2021-04-17 16:39
- 阅读：700
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 11.1
HBuilderX类型： 正式
HBuilderX版本号： 3.0.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 红米k20pro尊享版
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
滑动区域高度500rpx，外层div高度800rpx
测试1:单独给div加addtap点击事件，点击scroll-view区域，点击事件未触发，点击scroll-view之外区域可以触发输出123
测试2:给div加addtap事件，scroll-view加addtap1事件，输出结果跟测试1一样
测试3:给div加addtap事件，给scroll-view组件里面的view加点击事件addtap1，点击scroll-view区域，会输出456，123两个事件都触发
滑动区域高度500rpx，外层div高度800rpx
测试1:单独给div加addtap点击事件，点击scroll-view区域，点击事件未触发，点击scroll-view之外区域可以触发输出123
测试2:给div加addtap事件，scroll-view加addtap1事件，输出结果跟测试1一样
测试3:给div加addtap事件，给scroll-view组件里面的view加点击事件addtap1，点击scroll-view区域，会输出456，123两个事件都触发
预期结果：
给最外层div加点击事件，点击内部scroll-view也可以触发点击事件
给最外层div加点击事件，点击内部scroll-view也可以触发点击事件
实际结果：
内部scroll-view未触发
内部scroll-view未触发
bug描述：
给最外层div加点击事件，内部的scroll-view不触发点击事件
2 个回复
DCloud_UNI_Anne
问题排查中，感谢您的反馈！
6***@qq.com
解决了吗??