vant-weapp [Bug Report] tabs组件报错Cannot read properties of null (reading \'width\')

sshcrbum  于 4个月前  发布在  Vant
关注(0)|答案(2)|浏览(92)

重现链接

Vant Weapp 版本

1.10.12

描述一下你遇到的问题。

感谢vant-weapp团队提供组件

我的问题:
使用tabs组件,但是tab是通过数据请求,然后数据遍历渲染出来的。小程序统计JS报错 Cannot read properties of null (reading \'width\')
查看组件源码发现,猜测可能是tabs组件中在mountd使用requestAnimationFrame执行任务,是否可以将 requestAnimationFrame 替换为 nextTick 。因为渲染tags有可能内部tab还没有遍历渲染完,就不能获取到内部的tab元素

小程序报错截图

小程序编译代码断点截图

源代码tabs组件截图

感谢帮助

重现步骤

  1. 一个固定静态tab
  2. 其他tab通过数据遍历

设备/浏览器

Android

ycl3bljg

ycl3bljg1#

我尝试了一下setTimeout去异步获取数据并设置data 但是没有看到控制台有错误信息 可以提供一个小程序代码片段吗?

biswetbf

biswetbf2#

该问题有个类似的问题,当页面切换过快,tabs元素来不及渲染,此时获取也是null,会导致line位置错误和js报错:Cannot read property 'width' of null,这里能否更改获取元素时机呢

相关问题