【微信小程序】selectComponent得到null分析

9月前作者：少年歌行s 分类：Toy博客阅读(40) 违法举报

这篇具有很好参考价值的文章主要介绍了【微信小程序】selectComponent得到null分析。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

小程序中无法像网页中轻易的获取DOM元素，需要依靠

this.selectComponent(#id)
this.selectAllComponents(#id)

本文主要针对 this.selectComponent 获取DOM元素失败的原因

id为纯数字导致失败

微信小程序selectcomponent,微信小程序,微信小程序,小程序
上图为我的业务代码，由图可知，通过for循环遍历渲染card自定义组件，每个组件的id都为666

微信小程序selectcomponent,微信小程序,微信小程序,小程序
这里获取一下DOM元素并打印，打印结果看下图

微信小程序selectcomponent,微信小程序,微信小程序,小程序
显然，失败了，得到的DOM元素是null，我们并没有获取到想要的DOM元素

现在我们更改一下，将id改为 d666，即不要数字开头

微信小程序selectcomponent,微信小程序,微信小程序,小程序

微信小程序selectcomponent,微信小程序,微信小程序,小程序获取成功了

显然，id不可以数字开头，一个很细小的点，官方文档没有写，容易踩坑~特此记录

获取页面中自定义组件节点时，该组件节点未引入

2023-6-30，今天又在犯蠢了。。。在这个地方折腾了半个钟，最后发现是因为我没引入该组件。。。原来即时没有引入组件，页面DOM元素也能看到这个节点存在，注意避雷文章来源地址https://www.toymoban.com/news/detail-601665.html

到了这里，关于【微信小程序】selectComponent得到null分析的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

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

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

2024年02月13日
浏览(45)
微信小程序TypeError: Cannot read property ‘join‘ of null报错求助

但是bookingFloor的页面里根本没有join啊问题应该就出在 var WxParse = require(\\\"../../../components/wxParse/wxParse.js\\\");这就话，把他注释掉就不报错了，但wxParse.js里也没有join啊，大佬们遇到过类似情况么？谢谢大家

2024年02月13日
浏览(41)
微信小程序使用ChatJS报错：TypeError: Cannot read property ‘node‘ of null

微信小程序原生开发中使用Chart.js报错问题记录报错内容对应代码看下代码 .wxml .js 排查时踩过的坑更换版本（无效）更换开发工具基础库（无效）问题原因最后研究他人demo：将demo导入开发工具，可以运行，对比代码没有太大出入，但是我的代码始始终报错。之后在

2024年02月13日
浏览(43)
微信小程序使用自定义tabbar 想要获取tabbar的高度,返回的结果是null,该如何获取?

在使用自定义tabbar时，你可能会需要获取tabbar的高度，但是按照网上的方法却得不到正确的结果，这让你十分头疼。那么该怎么办呢？小编为大家整理了以下几个方法，希望能够帮到大家。 1️⃣ 使用wx.getSystemInfoSync()方法获取系统信息，然后通过计算得出tabbar的高度。示例

2024年02月11日
浏览(64)
【微信小程序警告】property received type-uncompatible value: expected ＜String＞ but get null value. Used empty

微信小程序警告property received type-uncompatible value: expected but get null value. Used empty 遇到这种错误多半是在wxml文件中写入了未在js文件中定义的值，上图: 解决办法：只需要在data中定义value即可

2024年02月11日
浏览(62)
微信小程序WE分析----事件分析

目录 web分析-小程序事件分析概述 1.新增事件管理事件参数说明 (1) 填写事件配置 (2)小程序添加上报代码：将上报代码添加到小程序中 (3)测试事件数据上报：测试事件上报的数据是否正确。属性管理字典管理新增事件分析创建事件分析添加事件指标全局筛选条

2024年02月14日
浏览(29)
微信小程序逆向分析

WeChatAppEx.exe 版本：2.0.6609.4 以融智云考学生端为例。网上已经有关于微信小程序解密的非常优秀的文章，本着学习的目的便不参考相关内容。笔者水平实在有限，如发现纰漏，还请读者不吝赐教。如涉及侵权，请联系作者处理。工具：火绒剑首先看看打开一个小程序微信

2024年01月16日
浏览(38)
微信小程序-屏幕高度分析详解

点击跳转 screenheight代表手机屏幕的高度(包括最上方状态栏和webview渲染区域和tabbar与导航栏) windowHeight代表webview区域,不包含状态栏和导航栏和tabbar, 如果设置了pages.json里navigationStyle的值custom,那么windowHeight代表webview加上状态栏加上导航栏,不包括tabbar SelectorQuery.select (选择节点

2024年02月09日
浏览(42)
微信小程序|前端技术主要框架分析

1.框架微信提供了一套自己的用于开发小程序的前端框架，和目前主流的前端框架相比，其既有类似的地方，也有特殊的地方。特殊的地方在于其只能在微信小程序开发工具内使用，并做了相对严格的使用和配置限制，开发者必须按照其规定的用法来使用。一些外部的框架和

2024年02月11日
浏览(43)
滇医通微信小程序分析笔记

本文章仅供学习交流使用，如果你是铁粉你就会知道博主之前发布过一篇相关的文章，但是由于代码涉及到法律相关所以就隐藏了，两年的时间过去了，因为女朋友已经早早安排上了，所以就搁置了，本次不做代码分享，只是粗略的记录一下笔记，所以成品也不用来找我要。

2024年02月14日
浏览(22)