微信小程序webview跳转到二级页面,返回前一页如何自动刷新?

直接上方法。

方法一:

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进行加载。不知道这样做会不会影响性能!

上一篇:GBDT算法原理


下一篇:RationalDMIS V2020 拖放箱功能(辅助构造组合)