微信小程序踩坑二，获取元素宽高数据

最新推荐文章于 2025-03-14 08:41:49 发布

原创最新推荐文章于 2025-03-14 08:41:49 发布

· 316 阅读

0 ·

版权

文章标签：

#小程序 #微信小程序

在尝试获取页面模块的宽高时，遵循官方文档编写代码却无法得到数据。经过网络搜索多种解决方案无效后，发现问题出在基础库版本上。更新基础库版本后问题得到解决，但注意到官方文档对此版本要求的说明不够清晰，提醒开发者遇到类似问题时要考虑版本兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天打算获取页面某个宽高的信息，完全按照根据官方文档的方式写了代码，但问题是无论如何都获取不到模块数据。

还各种网上百度谷歌，尝试了各种方法。发现依旧不行。

最后想到会不会是基础库版本不行。后来发现果然。

到此才解决。我还特意回头看了下官方文档，发现这几个相关的版本描述不明确呀。着实有点坑。

记得如果代码没问题，请尝试切换基础库版本╮(╯▽╰)╭

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小_林_子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序开发爬坑汇总指南

风中追风

04-28

653

1 微信小程序之动态获取元素宽高 var obj=wx.createSelectorQuery(); 2 微信小程序图片自适应 mode设置为widthFix 宽度100% 3.小程序上拉加载下拉刷新 4.通过 this.$root.$mp.query 进行获取小程序在 page onLoad 时候传递的 options。通过 this.$root.$mp.appOptions 进行...

微信小程序之动态获取元素宽高

03-29

我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些问题就能得到解决了。。。那么，这个api接口怎么用呢？首先，这个接口会返回一个对象实例。 var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容。 (此图片来源于网络，如有侵权，请联系删除! ) 返回的 obj 有五个方法： obj.in(component)：没用过这个方法，多用于组件的选择器。 obj.select(selector)：获取指定的节点，selector是css选

参与评论您还未登录，请先登录后发表或查看评论

微信小程序获取元素宽高

Lyq2017901206的博客

05-27

986

wxml <view class="Outerlayer" id="getheight"></view> js getheight: function () { var that = this; //创建节点选择器 var query = wx.createSelectorQuery(); //选择class id query.select('#getheight').boundingClien

微信小程序获取指定元素的宽高信息

最新发布

weixin_44601930的博客

03-14

411

微信小程序获取指定元素的宽高信息。

微信小程序中获取某个元素的高度和宽度

希文Gershwin

08-01

3083

众所周知微信小程序中没用dome元素，想要获取某个元素的宽高，只有创建节点直接上代码： js页面 //创建节点选择器 var query = wx.createSelectorQuery(); // 创建节点查询器 query //选择id var that = this; // 获取this // 这段代码的意思是选择class=every的节点，获取节点位置信...

小程序获取改元素的宽高，距离等等

Yzfeng21的博客

10-27

881

如果需要在循环中找到对应宽高等等，需要在该id上加上标识，以便后面需要做对应的处理。

Trae根据原型设计稿生成微信小程序密码输入框的踩坑记录

q1003675852的博客

02-27

1758

Trae根据原型设计稿生成微信小程序密码输入框的踩坑记录

解决微信小程序的video元素层级太高无法遮盖问题

苦涩精灵的博客

01-16

4098

解决微信小程序的video元素层级太高无法遮盖和show-play-btn属性失效问题今天在项目中遇到了这个问题，需要在微信小程序中用视频作为背景，微信开发者工具中模拟的没问题，真机调试就发现video的层级太高，其他元素设置 z-index 都低于 video 微信官方文档提供的解决办法因为微信小程序的 video 原生组件层级太高，无法用 z-index 层叠。所以可以使用 <cover-view> <cover-image> 作为覆盖在原生组件之上的文本视图元素可覆盖

《微信小程序实战（1）· 开篇示例》

山人行

09-15

2568

近期由于博主刚帮朋友完成一个地图导航类的微信小程序，趁这股热乎劲还没褪去，想着把微信小程序的相关内容整理一个专栏，统一分享一下。关于微信小程序，大家想必也都不陌生了，毕竟推出来好几年了，这边不会去介绍小程序的基础用法，毕竟官网上介绍的足够详细了。本专栏的主要目的就是分享一下微信小程序在实战开发过程中，常用的操作讲解和踩坑说明，希望可以帮助到大家。好了，废话不多说，让我们开始吧！微信小程序官网文档此篇文章是《微信小程序实战》系列的第一篇，后续该专栏会继续分享小程序实战中运用的技能，希望可以帮助到大家。

如何优雅的在微信小程序使用 SVG 字体图标

pingan8787

07-28

1841

本文思路来自实际项目的重构总结，欢迎纠正和交流。如果对你有帮助，还请点赞????收藏支持一下啦。最近在重构一个项目，主要是做 H5 端和小程序端，这次打算开始多做总结啦，之前已经总结一篇《如何优雅的管理 HTTP 请求和响应拦截器？》。如果大家还有其他方案，欢迎一起探讨哈~ 喜欢本文的朋友给个赞????鼓励一下哈~ 一、需求思考和方案设计本文介绍的项目是使用 Taro框架进行多端开发，目前主要适配 H5 端和微信小程序端。项目使用的字体图标库内部维护，目前托管在 iconfont 上。

微信小程序实现动态获取元素宽高的方法分析

11-26

本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下：我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些问题就能得到解决了。。。那么，这个api接口怎么用呢？首先，这个接口会返回一个对象实例。 var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容。返回的 obj 有五个方法： 1. obj.in(component)：没用过这个方法，多用于组件的选择器。 2. obj.select(sele

微信小程序通过createSelectorQuery获取元素高度，宽度与界面距离

weixin_45966674的博客

10-07

5329

小程序官方有提供给我们一个 const query = wx.createSelectorQuery() 函数。这里我们定义了多块 view 都用行内样式设置了它的高度和宽度。这里就正常的输出了每个元素高度宽度与页面上下左右的距离。这里我们获取了所有类名中包含 textIn 的元素并输出。我们运行代码并点击按钮点击查看。我们可以先编写这样一段代码。

微信小程序获取页面元素高度_微信小程序之动态获取元素宽度高度

weixin_28683689的博客

02-12

684

微信小程序 获取window或某一节点的宽高

weixin_44646763的博客

08-24

2712

微信小程序 获取window或某一节点的宽高

微信小程序 - 动态获取元素宽高

一尾流莺半世情缘

07-31

1228

动态获取元素宽高 query.select(selector) query .selectAll(selector)

小程序获取元素宽高

qq_34856863的博客

01-09

351

let query = wx.createSelectorQuery(); //选择id let that = this; query.select('.top').boundingClientRect(function (rect) { console.log(rect) }).exec();

【微信小程序】小程序获取元素的宽度高度

疾术客

05-30

4654

微信小程序不能进行DOM操作，所以获取元素的信息就不能按照常规手法来做了。首先需要借助微信给我们开发者提供的一个API来实现返回一个SelectorQuery 对象实例。接下来就好办多了，话不多说，上代码！ API：wx.createSelectorQuery() 具体实现代码如下： const query = wx.createSelectorQuery()...

微信小程序和uniapp获取元素的信息宽度高度

qq_43235503的博客

08-28

736

微信小程序和uniapp获取元素的信息宽度高度