小程序自定义组件获取wxml节点问题

r囧r小猫 2021-11-23 23:54 269阅读 0赞

昨天到现在一直遇到获取wxml节点为空数组 **’ \[ \] ‘ **的问题, 具体实现为一个index页面添加一个子组件, 然后在组件中调用

wx.createSelectorQuery().select('xxx').boundingClientRect(function(rect){
    
        console.log(rect)
    
    }).exec(res=>{
    
        console,log(res)
    
    })

结果一直未空, 有谁遇到过么？

**用this，组件里不要用wx**

请阅读文档的 SelectorQuery.in 部分。[https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.in.html][https_developers.weixin.qq.com_miniprogram_dev_api_wxml_SelectorQuery.in.html]

let _this = this;
     // wx.createSelectorQuery().selectAll('.mView').boundingClientRect(function(rect) {
     //   console.log(rect);
     //   if (rect.length) {
     //     _this.data.cricleW = rect[0].width;
     //   };
     // }).exec();
     const query = wx.createSelectorQuery().in(this)
         query.select('.mView').boundingClientRect(function (res) {
         console.log(res);
     }).exec()

[https_developers.weixin.qq.com_miniprogram_dev_api_wxml_SelectorQuery.in.html]: https://developers.weixin.qq.com/miniprogram/dev/api/wxml/SelectorQuery.in.html

发表评论取消回复

表情：

评论列表（有 0 条评论，269人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】自定义组件样式

目录组件的创建与引用 1. 创建组件 2. 引用组件 3. 局部引用组件 4. 全局引用组件编辑 5. 全局引用 VS 局部引用 6. 组件和页面的区别

你的名字/ 2024年03月30日 12:03/ 0 赞/ 94 阅读

相关微信小程序自定义组件

在写小程序的时候，有时候页面的内容过多，逻辑比较复杂，如果全部都写在一个页面的话，会比较繁杂，代码可读性比较差，也不易于后期代码维护，这时候可以把里面某部分功能抽出来，单独封装

╰半橙微兮°/ 2023年10月03日 22:37/ 0 赞/ 19 阅读

相关小程序自定义属性在wxml上无法展示

![在这里插入图片描述][20200403113446536.png] ![在这里插入图片描述][20200403113515726.png] 报错如上图所示,明明有数

素颜马尾好姑娘i/ 2023年07月21日 08:54/ 0 赞/ 8 阅读

相关小程序---原生开发---自定义组件

在开发过程中，我们经常需要创建一些公用组件以便方便我们多次调用。组件的功能以及事件的一个传递，这使得需要注意，有些组件可能样式一样，点击的事件效果会有所不同，所以组件需要功能多

系统管理员/ 2023年07月18日 12:50/ 0 赞/ 29 阅读

相关小程序自定义组件使用详解

之前写过怎么使用小程序的组件，Weui，今天总结一下，怎么使用自定义组件，以 select 下拉框为例 ![20200708101159902.png][] 首先，自定义组

我就是我/ 2023年02月24日 03:44/ 0 赞/ 30 阅读

相关微信小程序自定义组件

[https://blog.csdn.net/melovemingming/article/details/82712601][https_blog.csdn.net_melo

刺骨的言语ヽ痛彻心扉/ 2022年12月24日 15:49/ 0 赞/ 338 阅读

相关 38.微信小程序（组件--自定义组件）

微信小程序（组件–自定义组件）前言缘由：小程序的界面是由一系列组件构成的。小程序基础库提供了一组基础组件来满足开发者的基本需求。但随着小程序开发变得越来越

不念不忘少年蓝@/ 2022年11月25日 00:35/ 0 赞/ 322 阅读

相关【微信小程序】自定义组件

手把手教你实现微信小程序中的自定义组件微信小程序中的组件前言之前做小程序开发的时候，对于开发来说比较头疼的莫过于自定义组件了，当时官方对这方面的文档也只

向右看齐/ 2022年06月03日 03:50/ 0 赞/ 313 阅读

相关小程序自定义组件获取wxml节点问题

昨天到现在一直遇到获取wxml节点为空数组 ’ \[ \] ‘ 的问题, 具体实现为一个index页面添加一个子组件, 然后在组件中调用 wx.createSelec

r囧r小猫/ 2021年11月23日 23:54/ 0 赞/ 270 阅读

相关微信小程序自定义组件-自定义顶部-Component

前言：在不同的页面重复使用自定义组件;自定义组件可以理解一个页面，在不同页面显示出来，一个自定义的组件也是由json、wxml、wxss、js 4个文件组成的，下面点击tab

Dear 丶/ 2021年07月25日 01:15/ 0 赞/ 654 阅读