分享一个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实现图片水平瀑布流的插件( 三 )

推荐阅读

饭圈拉瓜是什么意思饭圈拉郎是什么意思

山药圆子怎么做才好吃，肉末山药圆子的做法？

父母买房可以写未成年孩子的名字吗,规避转让税但不能贷款

不倒翁小鸟的制作教程

“魑魅魍魉” 你们知道怎么读吗？魑魅魍魉怎么读

关于淮北公交简述淮北公交

excel查找不出来是什么原因

强势老人是家庭的灾难【老人强势发生家庭矛盾】

糖尿病人适合送的礼品女总裁给男秘书送粥

大红袍分几种肉桂

熟黄芪泡水喝的功效与作用熟黄芪泡水喝有哪些功效与作用

柠檬片的功能与功效柠檬片的功效作用

防弹咖啡怎么做好喝防弹咖啡怎么做

今年广东调整养老金的新消息 2022广东省养老金上调方案及补发时间

昆明机场离哪个高铁站近，昆明飞机场到高铁站有多远？

孕妇铅过高有什么症状有什么不良影响

毓字取名女孩有寓意属兔最搭的名字有哪些？

关于特别认真地生活简述特别认真地生活

办银行卡需要什么办银行卡需要什么证件和材料

终不似少年游终不似少年游