ant-design-vue icon indicating copy to clipboard operation
ant-design-vue copied to clipboard

dropdown animation and its lag

Open yzw2017 opened this issue 2 years ago • 4 comments

  • [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.2.12

Environment

[email protected] win10

Reproduction link

http://www.baidu.com

Steps to reproduce

环境是 npm init vue脚手架创建的项目,引入antd ,使用dropdown组件

<a-dropdown>
<a @click.prevent>
<a-avatar shape="square">U</a-avatar>
<span>666</span>
</a>
<template #overlay>
<a-menu @click="handleMenuClick">
<a-menu-item key="logout">
<a href="javascript:;">退出</a>
</a-menu-item>
</a-menu>
</template>
</a-dropdown>

我怀疑你们开发中有内存泄漏,我在公司window10电脑和在家里mac电脑,开发过程中,过一段时间,hover dropdown显示 menu item 时,动画极其的卡

What is expected?

动画流畅

What is actually happening?

显示menu item 时动画极其的卡

yzw2017 avatar Sep 13 '22 03:09 yzw2017

用了ant design vue这库 开发时页面明显感觉到卡顿,就简简单单开发几个页面 登录注册 首页, 谷歌浏览器vue扩展查看vue devtools时,渲染组件都是红色报警的,就是极其的卡,性能不好。希望团队查看一下什么原因,谢谢了。我最喜欢的UI库

yzw2017 avatar Sep 13 '22 03:09 yzw2017

首先我看了自己写得代码很精简,就短短几个登录注册接口 首先我肯定可以排除自己写得代码导致内存泄漏的问题

yzw2017 avatar Sep 13 '22 03:09 yzw2017

关闭 vue devtools

tangjinzhou avatar Sep 13 '22 12:09 tangjinzhou

关闭 vue devtools

我这边也遇到相同的问题,在关闭 vue devtools之后得到改善,想了解具体是什么原因造成卡顿

Kchengz avatar Sep 14 '22 16:09 Kchengz

vue devtools 会”代理“你的数据,并且会一直记录改写历史,会越来越卡

tangjinzhou avatar Sep 26 '22 14:09 tangjinzhou

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

github-actions[bot] avatar Sep 27 '23 00:09 github-actions[bot]