需求，在页面中，有时需要获取渲染组件的长宽信息，可以使用select选择器进行查询，直接上代码如下：divref="tabbar"id="tabbar"class="x-tabbar-wrap">div>constgetTabbarHeight=()=>{const{windowWidth,safeAreaInsets}=any>uni.getSystemInfoSync();constratio=750/windowWidth;safeAreaInsetsBottom.value=safeAreaInsets.bottom*ratio;//获取组件实例constinstance=getCur

letquery=uni.createSelectorQuery().select('#content');query.boundingClientRect(function(data){console.log("节点高为"+":"+data.height);_this.contentHeight=data.height;}).exec();如果要获取的内容区域的高度不固定，当数据发生更新的时候，内容区域的高度发生了变化，这时候获取到的值就会不准确，这时需要通过v-if判断后即可获取正常高度。

文章目录序言1、HTML部分1.1、代码1.2、注解2、JavaScript部分2.1、代码2.2、注解3、微信小程序演示序言在写原生微信小程序项目的时候，遇到左右滑动更新内容及联动选项卡切换的功能。于是就写了这篇文章，关于文章的css不在此文章中展示，使用了公共的自定义类名，所以通过类名大概就能推敲出css的属性及值。1、HTML部分1.1、代码view>viewclass="width_100_100">scroll-viewscroll-x="true"scroll-left="{{scrollLeft}}">viewclass="dis_r_fs">viewid="idScrollLe

文章目录序言1、HTML部分1.1、代码1.2、注解2、JavaScript部分2.1、代码2.2、注解3、微信小程序演示序言在写原生微信小程序项目的时候，遇到左右滑动更新内容及联动选项卡切换的功能。于是就写了这篇文章，关于文章的css不在此文章中展示，使用了公共的自定义类名，所以通过类名大概就能推敲出css的属性及值。1、HTML部分1.1、代码view>viewclass="width_100_100">scroll-viewscroll-x="true"scroll-left="{{scrollLeft}}">viewclass="dis_r_fs">viewid="idScrollLe

先看官方文档给出的说明查询节点信息的对象,返回一个SelectorQuery对象实例\color{#9a2323}{查询节点信息的对象,返回一个SelectorQuery对象实例}查询节点信息的对象,返回一个SelectorQuery对象实例拿到实例后再看上边挂载的方法SelectorQuery.in(设置选取范围)SelectorQuery.select(选择节点|页面中匹配到的第一个)SelectorQuery.selectAll(选择当前页面下匹配选择器的所有节点)SelectorQuery.selectViewport(获取显示区域的尺寸、滚动位置等信息)SelectorQuery.e

先看官方文档给出的说明查询节点信息的对象,返回一个SelectorQuery对象实例\color{#9a2323}{查询节点信息的对象,返回一个SelectorQuery对象实例}查询节点信息的对象,返回一个SelectorQuery对象实例拿到实例后再看上边挂载的方法SelectorQuery.in(设置选取范围)SelectorQuery.select(选择节点|页面中匹配到的第一个)SelectorQuery.selectAll(选择当前页面下匹配选择器的所有节点)SelectorQuery.selectViewport(获取显示区域的尺寸、滚动位置等信息)SelectorQuery.e