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)
	},

你可能感兴趣的:(vue,前端,javascript,开发语言)