​_calculateHeight里面计算出来的height值和实际的不一样

来源:17-8 better-scroll运用(3)

weibo_卷头驴先生_0

2017-03-08

let items = this.$refs.goodWrapper.getElementsByClassName('food-item-hook');
    let height = 0;
    this.goodsItemHeightList.push(0);
    for (let i = 0; i < items.length; i++) {
        height += items[i].clientHeight;
        this.goodsItemHeightList.push(height);
    }

页面刚刚刷新的时候计算出来的height值总比实际的小,这就造成了滑动右侧时,左侧menu不能正确显示对应种类的样式。但是如果页面不是刷新,而是改变代码保存后,利用热更新进行代码重新运行,计算出来的height就是实际的值。

写回答

1回答

ustbhuangyi

2017-03-08

热更新会影响计算,重新刷新页面即可。

0
1
NickChu
遇到了同样的问题,刷新页面也没有用,clientHeight的值比实际要小
2017-11-05
共1条回复

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

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

9868 学习 · 4162 问题

查看课程