- tab页面加载webview,切换tab刷新webview后vconsole提示只能存在一个web
index.wxml中 <view wx:for="{{loadCount}}" wx:for-index="index"> <web-view src="{{url}}" wx:if="{{loadCount==index+1}}"></web-view> </view> index.js中代码 Page({ data: { url:"", loadCount:0 }, onLoad: function (options) { }, onReady: function () { }, onShow: function () { this.data.loadCount++ this.setData({ url: "https://www.baidu.com/?" + this.data.loadCount, loadCount: this.data.loadCount }) }, onHide: function () { }, onUnload: function () { }, onPullDownRefresh: function () { }, onReachBottom: function () { }, onShareAppMessage: function () { } }) 以上代码好处是随意进入H5的链接。在切换tab返回时候会回到首页并且没有返回历史记录。 问题是,第一次切换的时候会变空白,console提示一个页面只允许存在一个webview,但是第二次切换的时候就正常没这个提示。现在相当于每个tab要切换两次之后才是正常的。安卓苹果都是一样。 附代码片段:https://developers.weixin.qq.com/s/x0OnqAmN7ACg 在开发者工具是正常的。使用真机调试需要二次切换tab之后才正常!
2022-09-27 - webview刷新页面,提示只能存在一个webview,然而二次点击之后又没问题?
<view wx:for="{{loadCount}}" wx:for-index="index"> <web-view src="{{url}}" wx:if="{{loadCount==index+1}}"></web-view> </view> js: Page({ data: { url:"", loadCount:0 }, onLoad: function (options) { }, onReady: function () { }, onShow: function () { this.data.loadCount++ this.setData({ url: "https://www.qq.com/?" + this.data.loadCount, loadCount: this.data.loadCount }) }, onHide: function () { }, onUnload: function () { }, onPullDownRefresh: function () { }, onReachBottom: function () { }, onShareAppMessage: function () { } }) 这样可以无浏览器历史记录刷新页面。但是真机有个问题就是第一次点击会是空白,然后报webview只能存在一个。但是奇怪的是第二次之后就正常没报错了。请教大神。 PS:在开发者工具测试没问题。但是真机第一次触发刷新空白,第二次正常
2022-09-27