当前位置: 首页 > 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()},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • ffmpeg 命令图片和视频转换
  • 【资源】wordpress 子比主题
  • 【数据结构和算法】(基础篇二)——链表
  • Centos 7.9 安装 图解版 小白必看 最新
  • Vue3+Element-plus+setup使用vuemap/vue-amap实现高德地图API相关操作
  • 嵌入式初学-C语言-二一
  • Java面试八股之什么是MQTT协议
  • 关于springboot的拦截器能力源码分析
  • URLSession之初窥门径
  • 智能家电入驻亚马逊VC有什么优势?为什么众多国内厂家都选择亚马逊VC?——WAYLI威利跨境助力商家
  • 实战 Springboot2 集成Redis 哨兵模式、集群模式、缓存管理、Lettuce拓扑刷新
  • 【Oracle点滴积累】解决ORA-20001: Latest xml inventory is not loaded into table故障的方法
  • 麻雀搜索算法(SSA)与支持向量机(SVM)结合的预测模型(SSA-SVM)及其Python和MATLAB实现
  • 指针(下)
  • 依赖倒置原则:构建灵活软件架构的基石 - 通过代码实例深入解析
  • [译]前端离线指南(上)
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • DataBase in Android
  • HashMap剖析之内部结构
  • iOS 颜色设置看我就够了
  • JavaScript 一些 DOM 的知识点
  • Meteor的表单提交:Form
  • miaov-React 最佳入门
  • nginx 配置多 域名 + 多 https
  • nodejs实现webservice问题总结
  • Vue 重置组件到初始状态
  • vue-router 实现分析
  • vuex 笔记整理
  • 搭建gitbook 和 访问权限认证
  • 对超线程几个不同角度的解释
  • 小而合理的前端理论:rscss和rsjs
  • mysql面试题分组并合并列
  • Prometheus VS InfluxDB
  • 扩展资源服务器解决oauth2 性能瓶颈
  • 通过调用文摘列表API获取文摘
  • ​【C语言】长篇详解,字符系列篇3-----strstr,strtok,strerror字符串函数的使用【图文详解​】
  • #多叉树深度遍历_结合深度学习的视频编码方法--帧内预测
  • #我与Java虚拟机的故事#连载18:JAVA成长之路
  • $(function(){})与(function($){....})(jQuery)的区别
  • (done) ROC曲线 和 AUC值 分别是什么?
  • (ISPRS,2021)具有遥感知识图谱的鲁棒深度对齐网络用于零样本和广义零样本遥感图像场景分类
  • (二)c52学习之旅-简单了解单片机
  • (二)测试工具
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • (附源码)ssm高校志愿者服务系统 毕业设计 011648
  • (剑指Offer)面试题34:丑数
  • (考研湖科大教书匠计算机网络)第一章概述-第五节1:计算机网络体系结构之分层思想和举例
  • (一)基于IDEA的JAVA基础10
  • (一)模式识别——基于SVM的道路分割实验(附资源)
  • ..thread“main“ com.fasterxml.jackson.databind.JsonMappingException: Jackson version is too old 2.3.1
  • .bat批处理出现中文乱码的情况
  • .net core docker部署教程和细节问题
  • .net core 管理用户机密
  • .Net Redis的秒杀Dome和异步执行