当前位置:   article > 正文

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

selectcomponent

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

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

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

id为纯数字导致失败

在这里插入图片描述
上图为我的业务代码,由图可知,通过for循环遍历渲染card自定义组件每个组件的id都为666

在这里插入图片描述
这里获取一下DOM元素并打印,打印结果看下图

在这里插入图片描述
显然,失败了,得到的DOM元素是null,我们并没有获取到想要的DOM元素

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

在这里插入图片描述在这里插入图片描述

在这里插入图片描述获取成功了

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

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

2023-6-30,今天又在犯蠢了。。。在这个地方折腾了半个钟,最后发现是因为我没引入该组件。。。原来即时没有引入组件,页面DOM元素也能看到这个节点存在,注意避雷

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/731090
推荐阅读
相关标签
  

闽ICP备14008679号