PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    uniapp scroll-view 动态赋予高度

    作者:admin来源:网络浏览:时间:2021-10-23 10:04:07我要评论
    导读:uniapp scroll-view 动态赋予高度
    uniapp scroll-view 动态赋予高度

    解决方法:

    uniapp scroll-view 动态赋予高度


    将你需要计算元素高度的元素,给与heightTest类,进行节点查询。


    uniapp scroll-view 动态赋予高度


    使用fields方法,获取到各个元素的高度值。data[0].height是最外层,即总高度,再减去其他占位元素的高度以及边距,就能得出你需要的滚动元素高度值。

    我这是把scroll-view封装在一个组件里,所以计算高度时,先要隐藏该组件:v-if = 'false'。 算出高度后再让它显示。

    本方法在onReady(){}中调用。


    uniapp scroll-view 动态赋予高度


    注意:调用时使定时器延迟调用。不然data[0]可能会得出错误的值。不清楚是不是由于field方法执行,cpu耗时过长,90ms左右导致。
    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6640-1.html
    相关热词搜索: