<template>
<view class="pages">
<cover-view class="live-out" @click="hideVideo">关闭视频</cover-view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
hideVideo(){
console.log(321321)
}
}
}
</script>
<style lang="scss" scoped>
.pages{
background-color: #000000;
align-items: center;
position: relative;
}
.live-out{
margin-top: 200rpx;
width: 320rpx;
height: 100rpx;
line-height: 100rpx;
text-align: center;
border: 1rpx solid #FFFFFF;
border-radius: 4rpx;
color: #FFFFFF;
font-size: 26rpx;
}
</style>
z***@dzpk.com
- 发布：2021-03-10 12:29
- 更新：2023-07-20 14:35
- 阅读：3910
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.1.4
手机系统： iOS
手机系统版本号： IOS 14
手机厂商： 苹果
手机机型： iphone 8
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
点击按钮
点击按钮
预期结果：
执行click事件
执行click事件
实际结果：
click事件未触发
click事件未触发
bug描述：
cover-view @click 事件不触发，不执行
3 个回复
有备无患
cover-view cover-image 点击事件标签内不要包裹其他元素
例如:
错误示例:
DCloud_UNI_Anne
用文档中的示例，是否能出现你的问题？https://uniapp.dcloud.io/component/cover-view?id=cover-view
z***@dzpk.com (作者)
测试用例也不执行，cover-image的执行了
2021-03-11 08:51
DCloud_UNI_Anne
回复 z***@dzpk.com: 其他设备是否有此问题？
2021-03-11 20:01
7***@qq.com
回复 DCloud_UNI_Anne: 安卓机cover-view点击都失效
2021-12-20 10:02
飞仙_l
1.z-index层级被其他遮挡，导致点击事件未穿透。
我是点击事件加载在父级div上，点击一直无效，最后加载在最外层图片上才行。