微信小程序. tarojs webView的 onload 事件不触发

功能需求:想再webView加载成功后做一些逻辑操作。使用onLoad事件

现象:在taro里面webView的onload。onError 事件不触发了

版本:taro  3.6+版本

分析:刚开始想着可能是版本,然后用另外一个项目(taro 3.4+版本)测试可以触发,另外两个项目(taro3.6+版本)的onload都不触发,以为是版本问题,然后捣鼓升级或者降级改成相同版本,结果捣鼓很久都没升级成功,愤然下班。

第二天早上一来试试看是不是开发者工具里面的不校验合法域名导致的问题,结果发现把不校验勾选去掉后就可以触发onError事件了,不过在报错,无法加载weiView的h5,  但是在另外一个3.4版本里面也勾选了不校验合法域名 可以触发和加载,所以就不知道是版本兼容问题还是开发者工具校验合法域名问题。

不过也总算找到解决方案了! 应该是需要在微信小程序后台里面配置webView需要访问的h5地址,然后校验才会成功访问。  不过在真机上不存在这种, 在真机上 可以直接触发这几个函数回调。

各位有遇到过这种情况的老哥帮忙看看我分析说的对不对,到处搜索也没找到有人和我相同的问题。所以就自己瞎捣鼓分析。

微信小程序中的web-view是用来承载网页的容器,每个页面只能有一个web-view,并且它会自动铺满整个页面并覆盖其他组件。个人类型的小程序目前支持使用web-view。\[1\] 在小程序中使用web-view加载网页有几种方法。一种是在webview.wxml文件中使用src属性指定网页地址,例如: ```html <web-view src="http://localhost:8081/html/my-webview.html"></web-view> ``` 另一种方法是在webview.js文件中使用setData方法设置src属性的值,例如: ```javascript var webSrc = \[ "http://localhost:8081/html/weichat-webview.html", "http://localhost:8081/html/my-webview.html" \]; onLoad: function (options) { this.setData({ src: webSrc\[1\] }); } ``` 可以根据需要选择其中一种方法来加载网页。\[2\] 微信小程序WebView支持的库有wxParse和web-view。wxParse是一个自定义组件,用于解析富文本,支持HTML和markdown解析,但已过期再提供支持。而web-view是微信官方提供的承载网页的容器,但个人类型的小程序支持使用。\[3\] web-view具有一些基本属性,例如src属性用于指定网页链接,message事件用于接收网页向小程序发送的消息,load事件在网页加载成功时触发,error事件在网页加载失败时触发。\[3\] 以上是关于微信小程序中web-view的基本使用和相关信息。 #### 引用[.reference_title] - *1* [微信小程序web-view使用说明,及链接打开问题](https://blog.csdn.net/m0_60312580/article/details/130357549)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [微信小程序开发之——WebView](https://blog.csdn.net/Calvin_zhou/article/details/121338517)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值