結(jié)合了以下文章,都沒有找到辦法
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顯示原生組建一系列問題
提示:開發(fā)者工具顯示不出來,只有真機環(huán)境才有
代碼
wxml文章來源:http://www.zghlxwxcb.cn/news/detail-506029.html
<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文章來源地址http://www.zghlxwxcb.cn/news/detail-506029.html
/* */
.duiba-back-btn {
position: fixed;
z-index: 999999;
top:20rpx;
left:0;
width:100rpx;
height:50rpx;
}
到了這里,關(guān)于微信小程序web-view上覆蓋原生組件,解決cover-view點擊事件無法觸發(fā)問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!