小程序组件中获取指定元素报错怎么办

最新推荐文章于 2024-03-25 11:22:17 发布
最新推荐文章于 2024-03-25 11:22:17 发布
阅读量2.3k 收藏
点赞数 1
分类专栏： 小程序 文章标签： 小程序 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42729938/article/details/120327990
版权

例如获取id为box的元素信息

 wx.createSelectorQuery().selectAll('#box').boundingClientRect(function (res) {
    console.log(res)//小程序组建中不会返回#box元素的信息
 }).exec()

修改为即可

  const $ = wx.createSelectorQuery().in(this)
  $.selectAll('.scroll-number').boundingClientRect(function (res) {
        
  }).exec()

MrLi-2018
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序获取自定义元素的宽高、使用”事件穿透”来达到状态同步的效果
01-08
微信小程序获取元素宽高的方式： // 自定义组件需要用：this.createSelectorQuery() const query = wx.createSelectorQuery() query.select('.my-class').boundingClientRect(res => { this.setData({ itemHeight: res.height, itemWidth: res.width }) }).exec() 这里需要注意一下： 如果是自定义组件或包含自定义组件的页面中，应该使用this.createSelectorQuery()替代！！！ 这个高度是
小程序获取指定元素
oCaiWen的博客
07-07 841
let query = wx.createSelectorQuery(); query.select('.contents').boundingClientRect(rect=>{ let height = rect.height; console.log(height); }).exec();
微信小程序获取指定元素高度报错TypeError: Cannot read property ‘height‘ of null
最新发布
Jane0129的博客
03-25 403
报错TypeError: Cannot read property 'height' of null一般是未获取到元素的原因,排查一下是否在指定元素上加了wx:if的判断语句,这会导致调用计算方法时指定元素还未渲染成功;将判断语句去掉即可.在使用scroll-view时,我们需要拿到屏幕高度,页面其他组件高度来获取主体高度。
微信小程序组件中获取某个元素的信息
yinge0508的博客
11-12 906
微信小程序组件中获取某个元素的信息
小程序【自定义组件】无法获取dom元素解决
xwc999
12-14 1092
【代码】小程序【自定义组件】无法获取dom元素解决。
微信小程序实现动态获取元素宽高的方法分析
11-26
本文实例讲述了微信小程序实现动态获取元素宽高的方法。分享给大家供大家参考，具体如下： 我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些问题就能得到解决了。。。 那么，这个api接口怎么用呢？ 首先，这个接口会返回一个对象实例。 var obj=wx.createSelectorQuery(); 下面的就是返回的对象实例 obj 的所有内容。 返回的 obj 有五个方法： 1.  obj.in(component)：没用过这个方法，多用于组件的选择器。 2.  obj.select(sele
微信小程序组件滑动导航和获取元素实际高度
03-29
viewscroll-view scroll-x scroll-with-animation scroll-left="{{menuIndex}}" style="height: 100px; width:100%;"view id='#haha' class='all' style='width:{{menuWidth}}px;'block wx:key="lists" wx:for="{{li...
微信小程序之动态获取元素宽高
03-29
我以前一直以为微信小程序不能动态获取view元素的宽高。但是自从看到： wx.createSelectorQuery() 这个api接口，以前的某些问题就能得到解决了。。。 那么，这个api接口怎么用呢？ 首先，这个接口会返回一个对象实例...
微信小程序getPhoneNumber快速获取用户手机号组件
03-29
小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1.getPhoneNumber这个组件通过button来实现（别的标签无效）。将button中的open-t...
微信小程序组件---授权信息弹窗
12-20
在开发小程序的时候需要获取用户信息权限和用户手机号码，该组件使用弹窗的方式让用户点击确认授权：使用showUserInfoPopup();显示用户信息授权弹窗，使用showPhoneInfoPopup();显示用户电话号码授权弹窗
微信小程序-登录弹窗授权（组件）
12-01
empower>js：1、先判断是否已经登录，未登录直接调用show_empower:true即可弹出登录授权框2、点击授权会请求获取手机号码，通过手机号码请求后台数据，若登录成功后3、在页面调用return_login(e)方法，判断e携带的值...
微信小程序--queryselector获取不到节点信息解决方案
qq_42684480的博客
09-06 1万+
问题解析： var query = wx.createSelectorQuery(); query.select('.wrap').boundingClientRect(function (qry) { var h = qry.height;//此处提示错误：不能获取null的height ...
小程序 使用selectorQuery.selectAll(selector)
Dove言和
08-05 1万+
小程序 使用selectorQuery.selectAll(selector)获取在当前页面下选择匹配选择器 selector 的所有节点 微信官方文档NodesRef SelectorQuery.selectAll(string selector) wxml: <view><text id="txt-light1" class="txt-light" data-id="...
exec()的作用
qq_45838276的博客
07-21 251
作用按照一定的正则去截取所需要的字符串。
微信小程序在组件中获取界面上的节点信息wx.createSelectorQuery
weixin_30768661的博客
06-18 1143
节点信息查询 API可以用于获取节点属性、样式、在界面上的位置等信息。 最常见的用法是使用这个接口来查询某个节点的当前位置，以及界面的滚动位置。 示例代码： const query = wx.createSelectorQuery() query.select('#the-id').boundingClientRect(function(res){ res.top // #...
微信小程序组件中（获取元素节点信息）
weixin_45527865的博客
07-16 1737
wx.createSelectorQuery().in(that).selectAll('.tag-box-wrap').boundingClientRect(function (rect) { that.setData({ tagHeight3: rect[0] &&rect[0].height , }) }).exec() *不添加 .in(that) rect[0].height返回的永远是null 重点：将选择器的选.
小程序获取元素信息
weixin_42040328的博客
11-14 1537
小程序获取元素的宽和高
微信小程序获取某个元素的高度宽度
热门推荐
qq_35181466的博客
06-15 7万+
js页面//创建节点选择器 var query = wx.createSelectorQuery(); //选择id var that = this; query.select('.every').boundingClientRect(function (rect) { // console.log(rect.width) that.setData({ ...
小程序组件中使用:nth-child 选择器报错
07-27
对不起，我之前的回答有误。在小程序中，并不支持使用 `:nth-child` 选择器。小程序的样式选择器只支持一部分常用的 CSS ...希望这些替代方案能够帮助你在小程序组件中实现所需的样式选择效果。再次抱歉给你带来困扰。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值