使用better-scroll滚动分页加载数据性能问题

来源：17-22 购物车详情页实现（2）

qq_野火燎原_0

2017-04-08

假设：我们的要遍历的数组为goodList,当滚动到底部时，我们会将新的数据追加到原数组中，如 this.goodList = this.goodList.concat(res.data) 这时，就出现了一个性能问题，当数据过多时，就会导致页面卡顿，请问老师，这个问题，您是如何解决的？

写回答

4回答

ustbhuangyi

2017-04-09

贴一下具体代码，或者对比一下我的源码：https://github.com/ustbhuangyi/vue-sell

ustbhuangyi

qq_野火燎原_0

为何你要在 created 的钩子函数中去设置 this.food 的 count 值呢，这样就会导致外层传入的 food　受到影响

2017-04-10

共2条回复

qq_野火燎原_0

提问者

2017-04-10

//szimg.mukewang.com/58eb830f0001e14704960325.jpg

这是cartcontrol.vue中的代码为什么在created()钩子函数中处理，会有问题呢？

qq_野火燎原_0

提问者

2017-04-09

这是再贴一下good.vue相关html代码

//szimg.mukewang.com/58e980ad000144be11760625.jpg

//szimg.mukewang.com/58e980ac000143e611910485.jpg

qq_野火燎原_0

提问者

2017-04-09

//szimg.mukewang.com/58e97f110001dcdd10950472.jpg

//szimg.mukewang.com/58e97f1100019c0010210513.jpg

//szimg.mukewang.com/58e97f110001f8fe10030455.jpg

//szimg.mukewang.com/58e97f12000119c509430438.jpg

//szimg.mukewang.com/58e97f130001abe709210627.jpg

老师，我比较过你在github上的代码，除了少许差别，基本上是一样的，不明白vue实例在整个生命周期内计算属性，是如何调用的，为什么会打印三次，请老师帮忙解答一下，谢谢啦

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程

相似问题

better-scroll 怎么实现下拉刷新

回答 4

better-scroll添加probeType: 3后，拖拽就不灵活了

回答 1

为什么使用better-scroll之后滚动的时候不显示滚动条呢？老师求解答

回答 1

better-scroll中的下拉刷新（上滑加载）事件不触发

回答 2

better-scroll问题

回答 1

打开慕课网App查看更多内容