请问下老师关于滚动这里一个小问题

来源:4-7 歌手详情页支持详情页刷新

hy_wang

2021-04-23

图片描述
老师这里课程这里使用了v-loading,但是better-scroll滚动的时候会试试去改变dom的样式和响应式数据。这时vNode改变。这样的话那么就每次滚动就会调用setTitle方法。这里算不算一个小bug。但是我没有想出来很好的优化点。。

写回答

2回答

hy_wang

提问者

2021-04-23

//img.mukewang.com/szimg/6082d2eb0956d04913360412.jpg

//img.mukewang.com/szimg/6082d2ee09c04b4d26000950.jpg

老师是这里


0
1
ustbhuangyi
这是因为响应式对象 scrollY 在滚动的时候不断更新,所以会触发组件的 rerender,进而会执行 updated 钩子函数。但是在滚动过程中这个 updated 钩子函数里并不会执行什么耗时代码,binding.value 和 binding.oldValue 始终相等,所以并不需要做什么优化
2021-04-25
共1条回复

ustbhuangyi

2021-04-23

bs 的滚动为何会改变响应式数据呢?

0
3
匆匆又夏天丶
就是如果把 v-loading 绑定给scroll这个组件,当去触发滚动的时候 自定义指令的updated钩子函数会一直触发执行
2021-04-24
共3条回复

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程