van-list列表后退后@load首次渲染失效问题

问题:如果你有a页面和b页面,a页面列表点击后会到b页面列表,此时在b页面分页操作还没加载完成时就点击回退,会发生a页面不触发第一次load事件。

解决:
1.van-list 提供immediate-check 是否在初始化时立即执行滚动位置检查,默认false。修改false为true,在created/mounted时手动触发第一次load。但是尝试下来有bug,如果不停的切换操作,列表会出现重复加载问题

2.移动端测试发现,虽然未触发load事件,但是当手指滑动屏幕时,第一次load会被触发,所以猜测是offset属性设置问题:offset 滚动条与底部距离小于 offset 时触发load事件,猜测滚动条在回退时位置有问题。所以直接暴力解决,在create时,更新一下滚动条位置。

created() {
		//防止list表单回退不刷新问题
		window.scrollTo(0,1)
	},
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值