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

r囧r小猫 2021-11-23 23:54 225阅读 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 条评论，225人围观）

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

相关阅读

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

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

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

相关【小程序】WXML 模板

目录 WXML 模板 1. 什么是 WXML 2. WXML 和 HTML 的区别 WXSS 样式 1. 什么是 WXSS 2. WXSS 和 CSS 的区别 J

水深无声/ 2024年03月30日 11:08/ 0 赞/ 32 阅读

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

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

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

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

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

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

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

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

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

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

声明：此文借鉴两位前辈的博文 [https://www.jianshu.com/p/8a2a730d9e60][https_www.jianshu.com_p_8a2a73

亦凉/ 2022年05月29日 12:28/ 0 赞/ 340 阅读

相关小程序笔记wxml

数据绑定及渲染 //数据绑定 <view> { { message}} </view> //遍历 <view wx:for="{ { newobj}}">{ { it

痛定思痛。/ 2022年05月29日 01:43/ 0 赞/ 173 阅读

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

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

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

相关小程序自定义侧滑删除组件

小程序提供了一个可移动视图容器movable-view；下面我来给大家介绍一个通过movable-view和movable-area组合编写的一个侧滑删除自定义组件。先查

以你之姓@/ 2021年11月23日 09:20/ 0 赞/ 307 阅读

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

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

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