分享一个Vue实现图片水平瀑布流的插件( 三 ) _生活百科

下拉的核心代码为：scrollFun(e) {constoffsetHeight= e.target.offsetHeightconstscrollHeight= e.target.scrollHeightconstscrollTop= e.target.scrollTopif((scrollHeight - (offsetHeight+scrollTop)) < 10){if(this.bottomMain){this.bottomMain = falsethis.addListDataFun()}}},addListDataFun(){this.$Spin.show({render: (h) => {return h('div', [h('Icon', {'class': 'demo-spin-icon-load',props: {type: 'ios-loading',size: 18}}),h('div', '数据更新中...')])}});setTimeout(() => {this.pbList = this.pbList.concat(this.addList)this.bottomMain = truethis.$nextTick(()=>{this.$refs.compList.waterFall("#tabContainer", ".tab-item")this.$Spin.hide()})},1000)}这里使用的是iView-UI的全局加载事件，如果你要用其他的UI框架，也可以自行修改到这里，所有的思路就结束了如果对您有所帮助，欢迎您点个关注，我会定时更新技术文档，大家一起讨论学习，一起进步。

文章插图
【分享一个Vue实现图片水平瀑布流的插件】

分享一个Vue实现图片水平瀑布流的插件( 三 )

经验总结扩展阅读

十二星座之前任最多的星座！

鼠狐猴的特点

猫猫故事会|初次见面，婆婆让儿媳包饺子洗碗，一家人的态度，姑娘果断分手

“媳妇,我住院了,取消AA制”“我要离婚了,不用取消了”

护肤用完一套顶你去10次美容院有效的护肤品套装推荐价格实惠效果好

glc和glk的区别是什么？

四个环环的车是什么汽车？

广州市家庭应急物资储备清单

情窦初开的青春|奥运冠军谌利军：从小家贫父亲患癌，母亲打三份工，可他从未倒下

拍案惊奇：早逝的生命和“迟来的捐款”

2022农历七月十五宜搬家吗

灰鹦鹉的特点

李嘉琦的星座爱情|女孩们以后穿裙子一定要注意点坐姿呀，这也太尴尬了！哈哈哈哈

荣耀X20 SE测评荣耀x20se手机价格参数

我在想你，你可知道？我在等你，你可会来？

乙巳年出生的命格乙巳年男女命

盘点面部出油是什么原因身体湿气重的预警

竖条绿白红是哪个国家的国旗?

海南11月份的温度大概是多少海南11月气温开始冷了吗有几度

发型|刘亦菲的狼尾短发太惊艳，倪妮的一刀切撩人，剪短发可不止看脸型