Skip to content
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

[bug-report] Tabbar在页面开启keepAlive跳到其他页面触发resize事件再返回,inkWidth=0 #608

Closed
sufaith opened this issue Nov 3, 2019 · 1 comment
Assignees

Comments

@sufaith
Copy link

sufaith commented Nov 3, 2019

Mand Mobile Version

2.5.4

Vue Version

2.6.10

Model / OS & Browser Info

iphone

Recurring Steps

A页面(开启了keepAlive模式)引用了tab-bar组件

1.A页面跳转到B页面
2.B页面触发resize事件(更改窗口大小)
3.返回A页面查看tab-bar样式

Expectant Behaviors

返回A页面时,tab-bar状态正常

Actual Behaviors

返回A页面时,tab-bar的下划线宽度inkWidth=0 (下划线不显示了)

@sufaith
Copy link
Author

sufaith commented Nov 3, 2019

目前临时解决办法是:

在A页面的deactivated方法里调用tabbar的$_resizeLeaveBehavior()方法
在A页面的activated方法里调用tabbar的$_resizeEnterBehavior()方法

但无论是在A页面的activated方法, 还是在beforeRouteEnter方法里调用tabbar的$_resizeEnterBehavior()方法, 均会看到 tabbar的下划线有明显的滑动动作, 这点不知道如何修改了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants