直接上方法。
方法一:
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://domain.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://domain.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进行加载。不知道这样做会不会影响性能!