首页 > 编程语言 >微信小程序自定义组件boundingClientRect获取到的rect值为null

微信小程序自定义组件boundingClientRect获取到的rect值为null

时间:2024-12-19 09:53:27浏览次数:11  
标签:自定义 微信 值为 组件 query null rect

 

 

解决办法:

 

在自定义组件内获取必须用SelectorQuery.in()

Component({
  lifetimes: {
    ready() {
      const query = wx.createSelectorQuery().in(this)
      const num = Math.ceil(this.data.picList.length / LINE_LENGTH)
      query.select('.tab-content-item').boundingClientRect((rect) => {
        this.setData({
          swiperHeight: rect.height * num + 'rpx'
        })
      }).exec()
    }
  },
})

 

const query = wx.createSelectorQuery().in(this)
这一句是最重要的,要用.in(this),this传入的是自定义组件的实例。
否则获取到的rect值为null

https://segmentfault.com/a/1190000019548718?utm_source=tag-newest&tdsourcetag=s_pcqq_aiomsg


https://blog.csdn.net/txl910514/article/details/102584093

 

标签:自定义,微信,值为,组件,query,null,rect
From: https://www.cnblogs.com/fps2tao/p/18616458

相关文章

  • h5页面如何打开微信APP?
    在前端开发中,直接从H5页面打开微信APP并不是一个简单或标准的操作,因为这涉及到跨应用(Cross-App)的调用,且这种调用通常受到操作系统和浏览器的安全限制。然而,有几种方法可以尝试实现这一功能,具体取决于你的使用场景和目标平台。使用微信JS-SDK:如果你的H5页面是在微信浏览器中打......
  • 自定义Snippets常用代码片段提高开发效率
    自定义Snippets常用代码片段提高开发效率日常搬砖过程中,有很多代码是重复的对于这些代码,可以考虑放进工具类,或者安装snippets插件,或者干脆找以前的代码Ctrl+CV也是常有的事对于常用简单又直接的代码,如果都放进工具类的某个方法中,未免有些小题大做,过度封装每一种框架和语言对应......
  • harmony_flutter_微信支付的简单调用
    harmony_flutter_微信支付的简单调用一.配置鸿蒙应用信息参考文档:https://pay.weixin.qq.com/doc/v3/merchant/4012073588#%E9%B8%BF%E8%92%99-SDK-%E8%B0%83%E7%94%A8%E8%AF%B4%E6%98%8E关于「鸿蒙应用」中的BundleID、Identifier、以及应用下载地址的提供的说明如下:1.Bu......
  • 企业微信获客助手如何做到一站解决引流问题?
    为了免开发使用获客助手,企业可以借助第三方平台获客助手工具,平台不仅操作简便,无需技术背景,还能为企业提供更加丰富的一站式引流功能支持。......
  • 企业微信获客助手怎么做到落地页制作?
    获客助手的基本功能是一键跳转企业微信,那么如何去搭建广告落地页呢?我们可以在搭建过程中引入专业的工具,提供落地页自定义搭建工具,可以上传素材,结合企业本身的偏好打造多种不同类型的广告落地页。......
  • C# 自定义JWT 仿写认证
    1、系统已经有了JWT了,认证冲突。publicclassMyJwt{privateconststringSecretKey="YourSecretKeyHere";//创建类似JWT的令牌publicstaticstringCreateToken(List<Claim>claims){varheader="{\......
  • Spring Boot教程之三十二:自定义 Jackson ObjectMapper
    SpringBoot–自定义JacksonObjectMapper当使用JSON格式时,SpringBoot将使用ObjectMapper实例来序列化响应并反序列化请求。在本文中,我们将介绍配置序列化和反序列化选项的最常用方法。让我们来看看默认配置。默认情况下,SpringBoot配置如下:禁用MapperFeature.DE......
  • 自定义弹窗
    自定义弹窗(CustomDialog)简易使用自定义弹窗是HarmonyOS提供的一种弹窗组件,可通过CustomDialogController类来显示。以下是其简易使用方法:1.基本概念从APIVersion7开始支持,在元服务中从APIversion11开始支持。它允许开发者自定义弹窗的样式与内容,适用于简单提示场景,......
  • uniapp 微信小程序分享内容页的连带bug
    简单模拟,我有pages/index与pages-work/job-detail页面,pages/index页面放的是job列表,今天发现,从job-detail页面分享页面到聊天,然后从聊天点进去,再返回到index页面,数据列表没有加载, 开始排查问题之后发现,直接从聊天页面进入小程序是优先加载该页面所在的包的内容,因为我这里是分......
  • ArkWeb页面拦截与自定义响应 - 控制加载过程
    ArkWeb页面拦截与自定义响应-控制加载过程简介在Web应用开发中,有时我们需要对页面加载过程进行更精细的控制,比如拦截特定的请求并返回自定义的响应内容。ArkWeb框架提供了这样的能力,允许开发者拦截页面和资源加载请求,并自定义响应。本文将详细介绍如何使用ArkWeb框架实现这些......