文章评论(问题有点多和棘手): 解决 页面一上来就真实 评论数量的问题 引发 评论列表重复 问题,修复后 又导致 loading不会加载的问题

171 阅读1分钟

1. 解决 页面一上来就真实 评论数量的问题 ,默认是要加载到评论列表才展示的

 因为:list 只有在可视范围内 才会检查滚动位置 出发 onLoad,所以在 created上直接 调用解决

image.png

image.png

2. 因为解决了问题 1 引出 问题 2:在评论的回复列表中,有重复的回复,也就是说 4条数据,展示 8条,这里没有截图完整 知道有这个问题先

image.png

问题: 因为:list 只有在可视范围内 才会检查滚动位置 出发 onLoad,但是在问题 1中 自己又在created中手动执行调用了一次这个事件 ,所以有重复的 image.png

解决:根据vant 官方文章 说明,关闭掉 首次初始检查就可以 image.png

:immediate-check="false" image.png

3. 由于解决了问题 2 ,又触发 问题 3 初始 慢速网络下 初始 loading不会加载,也要手动加载一下

image.png

4. 评论的回复 是懒加载的,导致:只有第一次看评论弹层的数量 是正确加载的,下次打其他评论还是加载第一次展示的评论轮,所以这个评论组件没有更新,也就是 在关闭评论弹层的时候 可以从 vuedevtools看到,组件还在,需要手动处理

image.png

解决:

image.png