关于element-ui 表格表头增加按钮动画的总结

RonnieFeng

于 2022-12-02 11:35:35 发布

阅读量664

点赞数

分类专栏： element-ui vue css3 文章标签：动画前端 elementui

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/csdn6107/article/details/128145189

版权

element-ui 同时被 3 个专栏收录

10 篇文章

订阅专栏

8 篇文章

订阅专栏

1 篇文章

订阅专栏

本文介绍了一种在表头中添加可触发数据更新并显示旋转动画按钮的方法。通过设置table的动态key值，确保点击图标刷新数据时能触发表头重新渲染，从而实现图标旋转动画效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

需求描述：

需要在表头开发一个更新表格某列数据的按钮，通过自定义表头的方式实现表头内容自定义，并且当点击刷新图标时，触发请求更新数据，请求过程中需要按钮有旋转动画。

问题：

当点击图标触发请求是，表头不重新渲染，导致图标无法更新成可旋转的动画。
在这里插入图片描述

----------------------------------------------------------------------------------------------------------------------------------------

解决方法：通过给table设置一个动态的key值，触发表格重新渲染在这里插入图片描述

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。