关于在小程序中使用uview-UI框架,索引列表遇到的一些问题?

230 阅读1分钟

关于在小程序中使用uview-UI框架,索引列表遇到的一些问题?

问题:在弹窗u-popup组件中使用索引列表,会使得索引失效,获取不到高度和吸顶高度问题

SDGIF_Rusult_1.gif

查找到原因:因为使用prop传递组件数据,prop是异步的,不确定代码执行顺序,是否能过早的拿到数据,而索引列表组件,不能够在第一次就准确的计算出,顶部的高度和自生的高度,所以导致组件功能失效。

解决方案:

解决1:

不使用prop传递数据,改用同步方式传递数据,例如函数传参

解决2

查找uview组件源码,发现有个计算高度和吸顶高度的方法,可以重新调用下改计算函数
// setTimeout(() => {
//   this.$refs.aaaa.setIndexListLetterInfo();
// });