CONTACT US
联系信息
选择适合您的沟通方式
咨询时间:7:00-23:00
你可能遇到了下面的问题
关闭右侧工具栏
微信小程序webview跳转到二级页面,返回前一页如何自动刷新?
  • 作者:杭谐科技
  • 发表时间:2018-01-03 13:41
  • 来源:未知

cart.wxml:
<web-view src="{{url}}"></web-view>

cart.js:
var loadCount=0
Page({
data: {
url:""
},
onLoad: function (options) {
},
onReady: function () {
},
onShow: function () {
loadCount++
this.setData({
url: "https://membercard.hzappkf.com/mobile/flow.php?step=cart&showtag=1&iswxapp=1&c=" + loadCount
})
},
onHide: function () {
},
 
onUnload: function () {
},
onPullDownRefresh: function () {
},
onReachBottom: function () {
},
onShareAppMessage: function () {
}
})
这样写其实有个弊端,返回到前一页后,微信小程序左上角出现一个返回的按钮,不知道是不是一个官方的bug,希望官方后期可以解决这个问题就完美了。

假如必须要解决这样一个问题,只能用很笨的方法,笔者真的找不到更好的方法了。如您有更好的方法,可以将方法发送到笔者邮箱:329230140@qq.com,万分感谢。



方法二:
cart.wxml:
<view wx:for="{{loadCount}}" wx:for-index="index">
<web-view src="{{url}}" wx:if="{{loadCount==index+1}}"></web-view>
</view>

cart.js:
Page({
data: {
url:"",
loadCount:0
},
onLoad: function (options) {
},
onReady: function () {
},
onShow: function () {
this.data.loadCount++
this.setData({
url: "https://membercard.hzappkf.com/mobile/flow.php?step=cart&showtag=1&iswxapp=1&c=" + this.data.loadCount,
loadCount: this.data.loadCount
})
},
onHide: function () {
},
onUnload: function () {
},
onPullDownRefresh: function () {
},
onReachBottom: function () {
},
onShareAppMessage: function () {
}
})
原理很简单,就是页面上循环加载多个web-view,每次显示页面的时候,替换一个新的web-view进行加载。不知道这样做会不会影响性能!