uni-app view hover-stop-propagation 属性不能阻止父节点出现点击态

uni-app view hover-stop-propagation 属性不能阻止父节点出现点击态

示例代码:

<template>  
  <view style="width: 200rpx;height: 200rpx;" hover-class="blue">  
    <view style="width: 100rpx;height: 200rpx;background: red;" :hover-stop-propagation="true">  

    </view>  
  </view>  
</template>  
<style>  
  .blue {  
    background: blue;  
  }  
</style>  

操作步骤:

  • 点击红色view

预期结果:

  • 点击红色view不触发父组件的hover-class

实际结果:

  • 点击红色view仍会触发父组件的hover-class

bug描述:

  • 代码已传附件

test.rar


更多关于uni-app view hover-stop-propagation 属性不能阻止父节点出现点击态的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

App、H5、支付宝小程序、百度小程序不支持。稍后会在文档中说明,感谢您的反馈!

更多关于uni-app view hover-stop-propagation 属性不能阻止父节点出现点击态的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问一下如果h5和app有这样的需求应该怎么处理

回复 不舍昼夜: 试试 @click.stop

回复 DCloud_UNI_GSQ: 您好 没起作用 还是触发了hover-class

回复 不舍昼夜: @touchstart.stop @touchend.stop

回复 DCloud_UNI_GSQ: 可以了 感谢

回到顶部