【微信小程序】selectComponent(#id)失败得到是null分析

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

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

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

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

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

id为纯数字导致失败

【微信小程序】selectComponent(#id)失败得到是null分析
上图为我的业务代码，由图可知，通过for循环遍历渲染card自定义组件，每个组件的id都为666

【微信小程序】selectComponent(#id)失败得到是null分析
这里获取一下DOM元素并打印，打印结果看下图

【微信小程序】selectComponent(#id)失败得到是null分析
显然，失败了，得到的DOM元素是null，我们并没有获取到想要的DOM元素

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

【微信小程序】selectComponent(#id)失败得到是null分析

【微信小程序】selectComponent(#id)失败得到是null分析获取成功了

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

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

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

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

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

分享到：

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

C# 微信小程序获取群id

有个需求，需要限制小程序的抽奖只能在某个群内，需要知道谁在群里面，但是微信并没有提供谁在群里面的方法，不过提供了获取群id的方法，这样加上限制分享就能保证群里的参加，即时分享出去了，判断来源的时候也不是来自于群了，就不允许用户参与。 wx.login wx.get

2024年01月16日
浏览(37)
微信小程序自定义组件boundingClientRect获取到的rect值为null

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

2024年02月13日
浏览(42)
微信小程序使用openid生成唯一数字ID（哈希算法）

引入 crypto-js 库和云函数所需的模块。定义了一个 convertToUniqueDigits 函数，接收两个参数：需要转换的字符串和返回的结果的数字位数。在函数内部，使用 sha256 函数将字符串转换为哈希值，然后将哈希值转换为数字，并将结果映射到指定的位数。如

2024年02月16日
浏览(41)
查看微信小程序的原始账号ID和AppId

略打开一个小程序，进入小程序后点击右上角三个点点击小程序的名字点击更多资料更多资料中出现原始账号ID和AppId 打开一个小程序，进入小程序后点击右上角三个点点击添加到桌面回到桌面，找到图标点击右键，在右键菜单中点击属性属性中出现AppId s s s

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

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

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

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

2024年02月13日
浏览(41)
微信小程序＜map＞: marker id should be a number

已经按照小程序官方文档的要求做了可是还会报错查看官方文档发现id并不是必填，但是随便填一个数字型number就可以解决问题按照文档中所写添加一个id 类型为number 然后就不会有报错了。在使用小程序地图相关的APi组件时，一定要先去小程序平台去申请权限哦，

2024年02月09日
浏览(31)
微信小程序构建npm失败解决方式

安装完所需要的依赖后，在微信开发者工具菜单栏中选择：“工具” - “构建 npm”，但是失败。开发者工具创建的项目， miniprogramRoot 默认为 miniprogram ， package.json 在其外部，npm 构建无法正常工作。需要手动在 project.config.json 内添加如下配置，使开发者工具可以正确

2024年04月27日
浏览(38)
HBuilderX 编译 Uniapp 微信小程序失败

错误信息 12:58:12.378 failed to load config from vite.config.ts 12:58:12.381 error during build: 12:58:12.381 /xxxpath/node_modules/@unocss/vite/dist/index.cjs:238 12:58:12.384 return command === \\\"build\\\" !options.build?.ssr; 12:58:12.386 ^ 12:58:12.388 SyntaxError

2024年02月11日
浏览(72)
微信小程序iconfont真机渲染失败

解决方法： 1.将下载的.woff文件在transfonter转为base64， 2.打开网站，导入文件，开启base64按钮，下载转换后的文件 3. 在下载解压后的文件夹中找到stylesheet.css，并复制其中的base64 4. 修改index.wxss文件，将url中的本地地址替换为base64

2024年02月13日
浏览(36)