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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值