tabs组件 - 实现滑块的滚动，android端不滚动

来源：5-19 tabs组件 - 实现滑块的滚动 - 02

断桥守候_0

2022-03-04

老师你好，tabs组件 - 实现滑块的滚动，在小程序端运行没啥问题。在android端报TypeError: Cannot read property ‘left’ of undefined，并且滑块不随item点击而滑动，拷贝git上的源码放在mytabs.vue依然这样，帮忙分析下原因

写回答

1回答

Sunday

2022-03-04

你好

TypeError: Cannot read property ‘left’ of undefined 该错误的意思为《无法从一个 undefined 中读取 left 属性》。这表示你在 android 端无法获取到对应的 dom 数据，所以你需要进行《android 版本兼容处理》。

或许你可以查看下 uniapp 文档，查看如何在 android 设备中获取元素的注意事项。

断桥守候_0

老师，找到原因了，是因为app端获取dom，要在dom渲染完成后延时一定时间，延时0ms还不够，估计app端性能的问题，我改为500ms，就可以获取到dom，也就获取到left属性了，原来以为是版本兼容性问题。同理，还有后边的获取list列表高度时，app端也得延时，要不有时能获取到dom，有时获取不到，加一定延时就解决了，开心。

2022-03-15

共2条回复

uni-app从入门到进阶系统完成项目实战

专门为小程序0基础学员而设，让你拥有能上线的作品

1105 学习 · 743 问题

查看课程

相似问题

swiper和tabs` 联动

回答 2

请问，为什么我点击tab栏时，自动滚动没有过渡效果，特别生硬的直接跳过去。

回答 2

关于滚动条的问题

回答 1

uniapp项目怎么引入vant移动端组件库

回答 1

老师，在切换 tabs 项时这个loading加载感觉样式有问题。您帮忙看看

回答 1

打开慕课网App查看更多内容