当前位置: 首页 > news >正文

uniapp获取swiper中子组件的内容高度

swiper有默认高度,如果不单独设置一个具体高度,swiper后面的内容将不会展示

这里展示的例子是: swiper中放有一个子组件,想要完整展示子组件的内容,swiper就需要获取到子组件的内容高度并设置
在这里插入图片描述

	<!-- 注意: 这里的单位是 px,不是rpx --><swiper @change="onChangeTab" :current="navIndex" :style="'height:'+clentHeight+'px'"><swiper-item><view class="recommend-height"><Recommend></Recommend>	</view></swiper-item>		</swiper>
// 获取swiper内容的整体高度 onReady() { let view = uni.createSelectorQuery().select('.recommend-height')view.boundingClientRect((data) => {this.clentHeight = data.heightconsole.log(data.height)}).exec()},
http://www.lryc.cn/news/424035.html

相关文章:

  • 基于计算机爱心小屋公益机构智慧管理(源码+论文+部署讲解等)
  • 详细学习PyQt5的样式表与界面美化
  • 遥控器android设备键值原理
  • 零基础也想学编程?Java零基础入门学习路线 + Java教程已准备好!
  • Avnet ZUBoard 1CG开发板上手—深度学习新选择
  • C/C++复习 day1
  • 再见Figma!!新的设计,代码协作神器!【送源码】
  • 快速拷贝复制工具软件@拷贝工具@多线程拷贝@robocopy
  • JavaScript 逆向爬取实战
  • Vue 项目中导入文件时如何默认找寻该文件夹下的 index.vue 文件
  • Idea2023.3.3 —— SourceTree与gitee关联
  • 一文HDMI (High-Definition Multimedia Interface)
  • 【HBZ分享】高并发下如何设计缓存来提升系统性能?
  • 【AI 绘画】 文生图图生图(基于diffusers)
  • 已解决HarmonyOS模拟器卡顿问题
  • C++ | 深入理解C++中的特殊类设计和单例模式(懒汉模式、饿汉模式)
  • Java设计模式之中介者模式
  • 实现父组件调用子组件方法时报错:[Vue warn]: Invalid vnode type when creating vnode: null.
  • Java面试八股之什么是消息队列
  • 【kubernetes】k8s配置资源管理
  • 高分六号卫星助力农业监测_卫星介绍_论文分享_数据获取
  • 【Linux网络】TCP协议
  • Linux 基本指令讲解 上
  • 深入了解指针(6)
  • 【Linux系列】known_hosts详解
  • MySQL4 多表查询 内连接
  • 力扣45:跳跃游戏2题解
  • 产品经理-产品被同行抄袭如何处理(32)
  • LDR6020在Type-C手机同时充电与USB2.0数据传输方案
  • Python学习笔记(七)