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

<var-tabs> #1570

Closed
logoho opened this issue Apr 5, 2024 · 6 comments
Closed

<var-tabs> #1570

logoho opened this issue Apr 5, 2024 · 6 comments

Comments

@logoho
Copy link

logoho commented Apr 5, 2024

question

Snipaste_2024-04-05_18-55-27

请问可以如何解决?谢谢

@chouchouji
Copy link
Member

是说滚动包装那个地方,其实包装tab那里没有效果,滚动的是月计划周计划那个tab嘛?

@haoziqaq
Copy link
Member

haoziqaq commented Apr 5, 2024

可以尝试在内层 tabs 加入 .stop 阻止 touch 事件冒泡。

@logoho
Copy link
Author

logoho commented Apr 6, 2024

是说滚动包装那个地方,其实包装tab那里没有效果,滚动的是月计划周计划那个tab嘛?

一个页面用了两个tabs选项卡,一个是(父组件)月计划周计划,一个是(子组件)包装N组。子组件的包装N组的tab数量超出可以横向滚动选择,但是横向滑动只能滑动父组件的左右切换月计划周计划的内容页

@logoho
Copy link
Author

logoho commented Apr 6, 2024

.stop

请问是可以在标签内加么?

@logoho
Copy link
Author

logoho commented Apr 6, 2024

目前只能 在(父组件)月计划周计划的TabsItems Props里面设置can-swipe | 是否允许滑动切换 为false

@haoziqaq
Copy link
Member

haoziqaq commented Apr 6, 2024

<var-tabs @touchmove.stop v-model:active="category">
  <var-tab :name="i.id" v-for="i in categories?.data ?? []" :key="i.id">{{ i.name }}</var-tab>
</var-tabs>

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