微信小程序selectcomponent 返回null

最新推荐文章于 2024-08-15 10:45:09 发布
最新推荐文章于 2024-08-15 10:45:09 发布
阅读量1.2k 收藏
点赞数
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dancy_xinyun/article/details/104000296
版权

问题：界面中使用了wx:if和wx:else包裹自定义组件后，js使用this.selectcomponent(’#id’)方法获取值为null

修复：可以外层套一个view，设置hidden属性来控制组件的显示和隐藏。wx:if导致组件没渲染出来selectComponent返回的就是null。

小程序组件生命周期和获取组件实例
m0_69876298的博客
08-27 959
微信小程序组件生命周期和获取组件实例使用组件中的方法
小程序+F2，异步获取数据渲染图表；this.selectComponent为null
眉目成书
10-22 2044
this.selectComponent(#${idName});在onLoad里获取不到组件实例，导致图表没法加载出来，最后解决方法是把initChart代码块放在本次循环之后执行。 function chartFn(data) { function initChart(canvas, width, height, F2) { // 使用 F2 绘制图表 //.....
微信小程序：selectComponent返回null的问题
一些平时在开发过程中遇到的常见问题，分享给大家
01-04 2980
当小程序自带的组件无法满足所有需求的时候，我们可以参考很多自定义组件。我们这次排查问题就拿比较常用的vant-weapp作为示例：使用selectComponent获取自定义组件对象时，返回null的问题
微信小程序selectComponent返回null的问题排查与分析
生擒嫦娥炖玉兔的博客
12-26 1万+
要想小程序界面好看，还原UI妹纸设计的界面，小程序自带的组件肯定是无法满足所有需求的。那想要还原比较炫酷好看的UI的时候就必不可少需要自定义组件了。写过许多自定义组件了，也遇到过许多坑，这里说一个比较头大的坑，就是引入自定义组建的时候，使用selectComponent获取自定义组件对象时，返回null的问题。 简单示例 因为这里我们说的主要是selectCom...
微信小程序 selectComponent 获取组件为 null
Sport_18的博客
01-18 2365
最近在做一个需求时偶尔发现一个 bug ，排查很久后发现是因为调用 this.selectComponent 时没有获取到组件的问题。 分析 没有在父组件渲染时的生命周期中调用，所以不会是页面和组件的渲染流先后问题 在其地方调用时能获取到，所以不会是组件的问题 只有在某些时间点调用才会是 null ，分析那些时间点所做的操作 原因 在那个时间点里改变的一个值的判断，而组件使用 wx:if 来判断是否显示组件，而当不显示组件时，调用 this.selectComponent 为 null 总结 .
微信小程序 API selectComponent 获取组件返回 null 的记录
爱开车的彬哥的CSDN博客
07-29 1132
问题描述 /** 在Page 生命周期 onready 获取组件实例 */ onReady(){ this.targetComponet = this.selectComponent('#targetCompoent'); } /** wxml **/ <targetCompoent id="targetCompoent"></targetCompoent> bindEvent(e){ this.targetComponent.fun(); /** this.tar
微信小程序中使用ECharts 异步加载数据的方法
08-27
微信小程序中使用ECharts 异步加载数据的方法 微信小程序中使用ECharts 异步加载数据的方法是指在微信小程序中使用ECharts 库异步加载数据的方法，该方法可以实现在小程序中加载数据并渲染图表。这种方法主要用于...
微信小程序在ios下Echarts图表不能滑动的问题解决
12-10
在微信小程序中，开发者经常遇到的一个问题是iOS设备下Echarts图表无法正常滑动的问题。这个问题主要体现在用户尝试在包含Echarts图表的页面上下滑动时，手指接触到图表区域时页面无法滚动。这个问题的原因在于微信...
微信小程序开发中的异步加载和延迟加载
吃不胖.
06-02 712
在上述代码中，调用dynamicLoadComponent函数返回的Promise对象的then方法，将加载的组件保存在data中，然后通过setData方法更新页面，并设置loaded为true。在上述代码中，调用asyncLoadText函数返回的Promise对象的then方法，将异步加载的文本内容保存在data中，然后通过setData方法更新页面。首先，在页面的js文件中，可以定义一个函数，并在该函数中使用回调函数来加载内容。接下来，在页面的wxml文件中，可以根据动态加载的组件来展示内容。
微信小程序开发中的数据可视化与图表展示
最新发布
wx_linying1029的博客
08-15 417
你可以根据自己的需求，使用微信小程序自带的图表组件或者第三方图表库，来展示不同类型的图表。你可以根据第三方库的使用文档，调整配置项和数据，实现不同类型的图表展示。你可以根据自己的需求，调整配置项和数据，实现不同类型的图表展示。微信小程序提供了一个基础的图表组件，可以用来展示柱状图、折线图、饼图等常见的图表类型。除了微信小程序自带的图表组件，还有一些第三方的图表库可以帮助我们更丰富地展示数据。在需要展示图表的页面的wxml文件中，添加图表组件。在需要展示图表的页面的wxml文件中，添加图表组件。
小程序使用selectComponent获取自定义组件时，返回null（分析和解决方法）
weixin_43320867的博客
06-02 3252
https://blog.csdn.net/Honiler/article/details/86143703
【微信小程序】selectComponent得到null分析
Minf的博客
03-27 3295
获取DOM元素失败原因分析
MacBook微信小程序使用selectComponent获取自定义组件时，返回null的解决方案
ljw_Josie的博客
01-25 1687
最近换了MacBook开发小程序，发现this.selectComponent 获取到的自定义组件为null，代码没有做任何改动，但就是拿不到值。 网上查了一下有大部分人都说把this.selectComponent写在onShow里面，因为onLoad可能没有加载完dom，拿不到组件。 But！！我放在onShow也没有用，仔细排查了一下代码发现，是因为我在组件外层加了wx:if的判断，去掉就好了。 真的蛮奇怪的，其他同事和windows电脑都没有这个问题=.= 记下来，帮大家排坑吧 ...
微信小程序 this.selectComponent 返回值为 null 的问题
热门推荐
dizzysunshine的博客
01-18 1万+
this.selectComponent(string) 可以返回所使用组件的实例对象 报错原因排查步骤 json 文件中引入了该组件 { &quot;usingComponent&quot;: { &quot;header&quot;: &quot;../../components/hedader&quot; } } 父组件 wxml 文件中使用了这个组件并且设置了一个 id 或者是 class 类样式 wxml..
uniapp createSelectorQuery().select 获取返回null报错
qq_36958916的博客
07-27 3769
uniapp createSelectorQuery().select 获取返回null报错
微信小程序---组件通信---使用selectComponent获取组件实例
m0_48546501的博客
03-20 8248
微信小程序---组件通信---使用selectComponent获取组件实例
【例2641】select components 选择组件
王牌飞行员_里海的博客
06-26 325
select components 选择组件》这是一个NX二次开发官方小例子，下面是代码和解析。相较于混乱、未经验证的代码，官方案例能够确保开发者获得准确的开发方法，这些官方示例代码经过严格测试，能够正确地反映出NX软件的功能和API使用方式，有助于开发者系统地掌握NX二次开发技能，提高开发质量和效率。本专栏订阅后是永久阅读的。欢迎一起学习NX二次开发案例，逐步积累宝贵的经验，早日成为行业专家。
微信小程序echarts饼图
07-27
你想了解关于微信小程序中使用 ECharts 绘制饼图的方法吗？是的话，我可以为你提供一些基本的指导。首先，你需要在微信小程序中引入 ECharts 库。你可以通过在项目的 JSON 配置文件中添加依赖来实现： ```json "usingComponents": { "ec-canvas": "path/to/ec-canvas/ec-canvas" } ``` 接下来，你需要在页面的 WXML 文件中添加一个 `ec-canvas` 组件来渲染饼图： ```html <view class="container"> <ec-canvas id="chart" canvas-id="chart-canvas"></ec-canvas> </view> ``` 然后，在页面的 JS 文件中，你可以使用 ECharts 的 API 来配置和绘制饼图： ```javascript import * as echarts from 'path/to/echarts'; Page({ data: { chart: null }, onLoad: function() { this.initChart(); }, initChart: function() { this.data.chart = echarts.init(this.selectComponent('#chart').canvasContext); const option = { series: [{ type: 'pie', data: [ { value: 335, name: 'A' }, { value: 310, name: 'B' }, { value: 234, name: 'C' }, { value: 135, name: 'D' }, { value: 1548, name: 'E' } ] }] }; this.data.chart.setOption(option); } }); ``` 通过上述代码，你可以创建一个简单的饼图，并在微信小程序中显示出来。你也可以根据自己的需求进行更多的配置和样式调整。 希望这些信息对你有所帮助！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值