微信小程序web-view上覆盖原生组件，解决cover-view点击事件无法触发问题

野性酷女 2023-09-25 18:37 142阅读 0赞

结合了以下文章，都没有找到办法

> https://blog.csdn.net/WEIGUO19951107/article/details/94305964  
> https://blog.csdn.net/weixin\_39461487/article/details/80075140  
> https://developers.weixin.qq.com/community/develop/doc/cbd33199b42aec724e54419ebe6371d7

图片显示是这个文章给我了参考，并且成功

> https://blog.csdn.net/one\_girl/article/details/109243685

我们看一下我成功的视频【审核通过，不得不说速度比之前快了 】

小程序web-view显示原生组建一系列问题

提示：开发者工具显示不出来，只有真机环境才有  
![在这里插入图片描述][7230508d397948baa4cbf688aa1c4732.png]

代码  
wxml

<web-view bindmessage="__e" class="webview data-v-68ffe378 vue-ref" data-event-opts="{
        {[ [ 'message',[ [ 'message',['$event'] ] ] ] ]}}" data-ref="currentWebview" src="{
        {url}}">
    	<navigator url="/modules/WebviewApp/view/center">
    	<cover-view class="duiba-back-btn">
    
    <cover-image src="/static/back-btn.png"></cover-image> 
    			
          </cover-view></navigator> 
    </web-view>

css

/*  */
    .duiba-back-btn {
        
        position: fixed;
        z-index: 999999;
        top:20rpx;
        left:0;
        width:100rpx;
        height:50rpx;
      }

[7230508d397948baa4cbf688aa1c4732.png]: https://img-blog.csdnimg.cn/7230508d397948baa4cbf688aa1c4732.png

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序web-view上覆盖原生组件，解决cover-view点击事件无法触发问题

结合了以下文章，都没有找到办法 > https://blog.csdn.net/WEIGUO19951107/article/details/94305964 > htt

野性酷女/ 2023年09月25日 18:37/ 0 赞/ 143 阅读

相关微信小程序长按事件触发点击事件的BUG之一

微信小程序开发说实话还是有点糟心的，经过事件冒泡的坑之后，又遇到了长按事件(longtap)必触发点击事件(tap)的BUG 实例代码 wxml <vi

深碍√TFBOYSˉ_/ 2023年07月17日 06:06/ 0 赞/ 115 阅读

相关微信小程序-bindtap事件点击改变样式

uu 方式一：采用三目运算数据绑定方式改变样式  <view class="middle"> <view

系统管理员/ 2023年07月17日 02:55/ 0 赞/ 112 阅读

相关【微信小程序】小程序原生组件层级太高问题解决

这两天写小程序我写的是自定义顶部导航栏，再一次写原生组件textarea（多行输入框）的时候发现原生的层级太高，我在顶部导航设置多少‘z-index：999+’ 都不行研究了一

柔光的暖阳◎/ 2023年06月08日 06:11/ 0 赞/ 83 阅读

相关微信小程序开发-点击事件，获取元素id

1、从0开始写小程序（一）点击事件，获取元素id，页面传值不是专业程序员，突然就想研究一下[微信小程序][Link 1]的开发，开发一个实时的菜价系统小程序，新手一个，什么

墨蓝/ 2022年06月10日 09:45/ 0 赞/ 1525 阅读

相关微信小程序点击激活类

闲暇之余研究了一下微信小程序，想做一个点击切换的效果，如下所示： ![70][] 点击之后可以激活相应的类，效果如图： ![70 1][] 没有头绪的时候觉

- 日理万妓/ 2022年05月23日 12:26/ 0 赞/ 340 阅读

相关关于jQuery ajax无法触发点击事件的问题

问题 jQuery ajax无法触发点击事件 $(document).ready(function () { v

超、凢脫俗/ 2022年05月18日 10:56/ 0 赞/ 332 阅读

相关微信小程序如何实现js点击事件

坑啊 -------------------- 我一直做的是html的网站或者是手机app js点击事件都是 οnclick="事件名（）" --------

川长思鸟来/ 2022年04月24日 12:12/ 0 赞/ 922 阅读

相关微信小程序定义双击事件

微信小程序暂不支持绑定双击事件，要想实现双击事件，只能通过我们写代码判断用户点击是否是双击行为，主要的技术点就是：记录下用户两次点击的时间戳，两个时间戳相减如果小于300毫秒

小咪咪/ 2021年09月17日 00:46/ 0 赞/ 966 阅读

相关微信小程序原生组件说明

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 原生组件小程序中的部分组件是由客户端创建的原生组件，这些组件有： [`camera`

迈不过友情╰/ 2021年09月08日 10:02/ 0 赞/ 525 阅读