Element-Plus-(五)Element-Plus实现图表动态变化

本文最后更新于:March 3, 2022 pm

Element Plus 基于 Vue 3,面向设计师和开发者的组件库。Element Plus,由饿了么大前端团队开源出品的一套为开发者、设计师和产品经理准备的基于 Vue 3.0 的组件库,提供了配套设计资源,帮助网站快速成型。

目录

最新版本的 Element Plus 已经移除了Font icon,所以不能再使用动态class的方式。

1
2
3
4
5
6
7
<el-icon>
<component
style="cursor: pointer;"
:is="collapseBtnClass"
@click="collepse"> <!-- 触发事件 -->
</component>
</el-icon>

其中,:is 是图标的名称。这样就可以通过时间随时改变图标名称。