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

这篇具有很好参考价值的文章主要介绍了【微信小程序】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分析

【微信小程序】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)
  • 查看微信小程序的原始账号ID和AppId

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

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

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

    2024年02月16日
    浏览(41)
  • 微信小程序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日
    浏览(42)
  • 微信小程序 <map>: marker id should be a number

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

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

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

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

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

    2024年04月27日
    浏览(40)
  • 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日
    浏览(73)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包