【报Bug】nvue文件给scroll-view点击事件无效

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 11.1

HBuilderX类型：正式

HBuilderX版本号： 3.0.7

手机系统： Android

手机系统版本号： Android 11

手机厂商：小米

手机机型：红米k20pro尊享版

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：


<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>

操作步骤：

滑动区域高度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也可以触发点击事件

实际结果：

内部scroll-view未触发

bug描述：

给最外层div加点击事件，内部的scroll-view不触发点击事件

2021-02-03 14:24 负责人:无分享

2 个回复

DCloud_UNI_Anne

问题排查中，感谢您的反馈！

6***@qq.com

解决了吗??

该问题目前已经被锁定, 无法添加新回复

【报Bug】nvue文件给scroll-view点击事件无效

预期结果：

给最外层div加点击事件，点击内部scroll-view也可以触发点击事件

实际结果：

内部scroll-view未触发

bug描述：

2 个回复

公告

相关问题

【报Bug】nvue文件给scroll-view点击事件无效

预期结果： 给最外层div加点击事件，点击内部scroll-view也可以触发点击事件

实际结果： 内部scroll-view未触发

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

预期结果：

给最外层div加点击事件，点击内部scroll-view也可以触发点击事件

实际结果：

内部scroll-view未触发