Mpvue encountered the problem of delayed response of data in the mobile phone when developing the rolling hover navigation bar.

the layout of the custom tabbar (components) lengthened list recently adopted by the Mini Program home page of a shopping mall developed with mpvue,

.

scrolling does not use scroll-view but listens directly to pageScroll events when scrollTop exceeds or is less than a critical value to modify a value passed to the tabbar variable through props to change the positioning mode of tabbar

the whole development process has no problems with Wechat developer tools, scrolling and assignment are very smooth and smooth. But when it comes to mobile phones (Android), there will be page scrolling beyond the critical value of tabbar, the positioning change will always lag about 1 second the experience is fatally bad, and some native mall Mini Program has a decent experience in this respect.

it is preliminarily concluded that this problem may be caused by the diff plus throttling function adopted by mpvue to avoid too much setData. At present, I have two questions

. How do I call native this.setData () in

1.mpvue to force data synchronization?

2. If you have much better methods, such as using scroll-view or tabbar to write directly on the page (canceling the nature of component props parameter transfer), please let me know one or two. Thank you first

.
Mar.24,2022

have you solved it? I've had this problem for a long time

.
Menu