微信小程序 API selectComponent 获取组件返回 null 的记录

问题描述

/** 在Page 生命周期 onready 获取组件实例 */onReady(){this.targetComponet = this.selectComponent('#targetCompoent');
}/** wxml **/
<targetCompoent id="targetCompoent"></targetCompoent>bindEvent(e){this.targetComponent.fun();/** this.targetComponent null */
}

解决方案

检查页面 .json 引用是否正确

{"usingComponents" :{"targetCompoent":"../../components/targetCompoent/targetCompoent"}
}

检查组件中的显示逻辑是否用了 wx:if 语法，改成用 style 或者用 hidden 控制

<view wx:if="{{visible}}"></view>
<view hidden="{{!visible}}"></view>

在使用组件的地方加多一层检查

onReady(){this.targetComponet = this.selectComponent('#targetCompoent');
}bindEvent(e){if(this.targetComponent) return this.targetComponent.fun(); let targetComponent = this.selectComponent('#targetCompoent');return this.targetComponent.fun();
}

补充

onLoad(Object query) 页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
onShow() 页面显示/切入前台时触发。
onReady() 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

微信小程序 API selectComponent 获取组件返回 null 的记录相关推荐

微信小程序----API、获取openid、消息订阅
文章目录微信小程序二小程序API 基础: 外部 api 的引用示例: 订阅消息实战 1. 搭配环境,建目录 2. 获取openid 3.获取用户授权 4. 调用接口下发订阅消息 5.其他问题: 微 ...
微信小程序云函数调用成功result返回null
新增云函数代码如下: // 云函数入口文件 const cloud = require('wx-server-sdk') cloud.init() const db = cloud.database( ...
微信小程序（页面获取组件实例对象来操做组件）
 <view class="container"><button bindtap="count" ...
微信小程序view动态长度_微信小程序实现动态获取元素宽高的方法分析
本文实例讲述了微信小程序实现动态获取元素宽高的方法.分享给大家供大家参考,具体如下: 我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuer ...
小程序长按api_微信小程序API相关知识科普
微信小程序API(Application Programming Interface),即应用程序编程接口.API是一种接口函数,把函数封装起来,给开发者,这样好多的功能就不需要你去实现了,只要会调用 ...
微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器(nodejs版)接收
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid - 后端为nodejs 代码封装是在上文添加的. ...
微信小程录制视频上传服务器,微信小程序-从相册获取图片,视频使用相机拍照,录像上传+服务器nodejs版接收-微信小程序视频上传功能-微信小程序视频上传...
在本文微信小程序-从相册获取图片使用相机拍照本地图片上传之前需要看看微信小程序-获取用户session_key,openid,unionid-后端为nodejs代码封装是在上文添加的.本文知识点:1. ...
微信小程序获取页面元素高度_微信小程序之动态获取元素宽高
我以前一直以为微信小程序不能动态获取view元素的宽高.但是自从看到: wx.createSelectorQuery() 这个api接口,以前的某些问题就能得到解决了... 那么,这个api接口怎么用 ...
微信小程序 api 缓存方案
微信小程序 api 缓存方案背景前言缓存方案(更新策略) 缓存那些接口 Storage 缓存工具类 ApiCache 类实现配置封装 request 请求总结背景为了应对用户流量大,减 ...

微信小程序 API selectComponent 获取组件返回 null 的记录

问题描述

解决方案

补充

微信小程序 API selectComponent 获取组件返回 null 的记录相关推荐

最新文章

热门文章