当前位置:   article > 正文

uniapp微信小程序动态更新scroll-view标签的高度_uniapp 获取组件scrollheight

uniapp 获取组件scrollheight
  1. onReady() {
  2. //精确动态计算轮播图高度
  3. //自定义tabbar获取方法
  4. uni.getSystemInfo({
  5. success: res => {
  6. const query = uni.createSelectorQuery()
  7. query.select('.tabbars').boundingClientRect()
  8. query.exec(res1 => {
  9. this.scrollheight = res.windowHeight - res.statusBarHeight - uni.upx2px(88) - res1[0].height;
  10. })
  11. }
  12. })
  13. //原生tabbar写法
  14. uni.getSystemInfo({
  15. success: res => {
  16. this.scrollheight = res.windowHeight - res.statusBarHeight- uni.upx2px(88);
  17. }
  18. })
  19. },

获取了之后在scroll-view标签上动态赋值高度即可

  1. <scroll-view :scroll-top="scrollTops" scroll-y="true" :style="'height:'+scollHeight+'px'">
  2. <view>
  3. </view>
  4. </scroll-view>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/384096
推荐阅读
相关标签
  

闽ICP备14008679号