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

cube-slider组件动态渲染时滑动问题 #539

Closed
newued opened this issue Jul 2, 2019 · 1 comment
Closed

cube-slider组件动态渲染时滑动问题 #539

newued opened this issue Jul 2, 2019 · 1 comment
Assignees

Comments

@newued
Copy link

newued commented Jul 2, 2019

Version

1.12.25

Reproduction link

https://codepen.io/newued/pen/GbQwNE

Steps to reproduce

需求背景:现有个需求实现一个滚动列表,根据tab[expressType0和expressType1]切换动态更新slide组件的data数据。
expressType0是长度为3的数组,expressType1是长度为1的数组。
1 点击expressType:1时,不可滚动,正常。
2 现回头点击expressType:0时

What is expected?

a.应可滚动到第三项;
b.再点击expressType:1时,仍然不可改动。

What is actually happening?

a.步骤2后不可滚动;
b.再点击expressType:1时,可以滑动第三项。

Dependencies Version

vue: 2.6.9
better-scroll: 1.15.0


a.我这边尝试直接使用两个cube-slide组件,这两个组件虽然使用不同的数据源,但会交叉对滚动产生影响。
b.切换tab时,调用方法刷新slide示例refresh方法,可解决对滚动的影响。但是这不是一个正确的方法
c:建议slide组件内部处理数据变更的后续流程。

@tank0317
Copy link
Collaborator

tank0317 commented Jul 4, 2019

确实是组件的一个bug。我们之后会修复并发版。

目前你可以:给 .cube-slide-group 这个 css class 添加 transition-property: transform

.cube-slide-group
    transition-property: transform 

@tank0317 tank0317 closed this as completed Jul 4, 2019
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

2 participants