-
-
Notifications
You must be signed in to change notification settings - Fork 33.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
在ios的safari上bfcache失效 #8109
Comments
This is quite an interesting problem. Didn't notice that before. Translation of this bug report: After some investigation, I found it caused by this line: vue/src/core/util/next-tick.js Line 46 in acd92cf
It's the If I understand correctly, as of 2.6.x, |
|
For anyone who may be interested in how to debug the bfcache, you can setup a WebKit project follow the tutorial and debug the In this VUE case, |
Closed via #8450 (will be out in 2.6) |
Version
2.5.16
Reproduction link
https://github.com/wen911119/vue-bfcache-bug-report
Steps to reproduce
1.git clone
2.npm install
3.npm start
4.用iphone的safari浏览器打开页面
5.滑动一下列表
6.点击跳转到下一页按钮
7.在下一页滑屏返回
What is expected?
在滑屏返回后从bfcache读取页面。页面生命周期不会再次触发,列表也保持在原来位置。
What is actually happening?
onpageshow事件的event.persisted属性为false,说明没有从缓存读取。页面的mounted被重新触发了,列表回到了顶部。
一直用的vue,这个bug我原以为是safari设计的不好。直到今天试了下react,发现react没有这个问题。才意识到这个是vue的问题,作为对比,我也用react创建了个一样的测试例子。https://github.com/wen911119/react-bfcache-test
The text was updated successfully, but these errors were encountered: