在计算购物车的listsShow的时候报警告,怎么可以解决掉呢,this.fold是在网上搜到的解决警告的出来方式,难道计算BScroll也需要监听来处理?

来源:17-24 购物车详情页实现(4)

大多数是

2018-06-14

http://img.mukewang.com/szimg/5b225fb0000108f705600258.jpghttp://img.mukewang.com/szimg/5b2260210001483503800159.jpg

写回答

1回答

ustbhuangyi

2018-06-15

可以考虑用 watch 实现,警告的意思是不要在 computed 里有带副作用的赋值操作

0
1
大多数是
watch: { selsectfoods (newFoods, oldFoods) { if (newFoods.lenght === 0) { this.fold = false } else { if (!this.fold) { this.$nextTick(() => { if (!this.scroll) { this.scroll = new BScroll(this.$refs.lists, { click: true }) } else { this.scroll.refresh() } }) } } } } 整合到监听里 解决了警告 也解决了关闭购物列表再点击外部加号按钮又弹出购物列表的bug,同时在购物列表中点击增加数量的时候抛物线动画也可以实现,就是第一次打开购物列表(条数超过默认高度)的时候好像有点卡顿貌似在计算列表条数不能第一时间滑动,还有就是不再使用了计算属性,仅仅用fold替换了之前的计算属性
2018-06-15
共1条回复

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

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

9868 学习 · 4162 问题

查看课程