vant man vant组件

百度网盘课程

通用入口链接！10000G.课程都有！一起学习吧！

立即点击↓ 获取课程！

别瞎说，举个例子就好

-=img-==-text=no more @ load===-images/intor . pngv-for=item inlist 3360 key=item//van-list/div/templatescriptordefault { data(){ return { list :[]，loading 3330] }，methods : { onload(){ console . log(触发器onload事件)；//异步更新数据setTimeout(()={ for(leti=0；i10I){ this . list . push(this . list . length 1)；}//加载状态this.loading=false结束；//如果(此。list.length=40) {this。finished=true}}，500)；} } }；/script stylelang=scss . img-container { padd :15 px；背景# fff}。img { width :100%；}/style

看到我的例子，基本上和官方的例子一样，只是van-cell改成了img

但是连续触发了两次。

解决办法

后来觉得图片有异步加载过程。当图片没有到达onload事件时，不渲染，宽度和高度只有0，0。Vant的底部事件判断在此之前。它会瞬间判断当前空间没有被填满，会立刻重新加载

方法：在css中添加最小高度：100像素

stylelang=scss。img-容器

{ padding:15px背景# fff}。img { width :100%；最小高度：100px//限制最小高度}/样式

打断一下，说一句粗鲁的话：tm又骗我了

标签： #触摸事件热门博客列表