zyronon / douyin

Vue3 + Pinia 仿抖音,Vue 在移动端的最佳实践 . Imitate TikTok ,Vue Best practices on Mobile
https://dy.ttentau.top/
GNU General Public License v3.0
9.38k stars 2.56k forks source link

问题报告 | Bug report #103

Closed wangzhiyonglyk closed 1 month ago

wangzhiyonglyk commented 1 month ago

第一个问题:刷新判断有误 image

这里应该是小于等于 (<=) ,因为当加载第一页数据后,立马下拉刷新,这个时候新旧数据长度是一样的,如果是小于就无法刷新了。

第二个问题:事件监听地方有误

image

这里应该要单独监听localIndex变化,并且这个监听中去Emit事件,防止父组件没有使用v-model指令

第三个问题:如果父组件强行更的Index不在当前范围怎么办

image

解决方案如下 父组件改变下标时,这里应该做滑动判断,滑动到指定的节点,如果下标不在当前渲染的节点的,应该要重新初始化 代码如下 image

第四个问题: image

还有这里half计算也不对,按这种计算,如果虚拟列表长度为奇数,就会有问题,应该取整

第五个问题: 另外上下滑动的时候,会产生声音重叠现象,光用单击事件来暂停不够的,应该要有一个定时器去监听。

zyronon commented 1 month ago

好的,已合并