el-button中使用阿里矢量图标_el-button 引入阿里图标

作者：从前慢现在也慢 | 2024-06-23 00:34:32

踩

el-button 引入阿里图标

前提：vue-element-admin框架
1.去阿里矢量图官网下载图标
2.将图标放到下方标记的文件夹中
在这里插入图片描述
3.直接在想加按钮的地方加下面的代码就好了

<el-button type="primary" style="float:right" round>
<svg-icon icon-class="jurassic" />  //这里是文件路径的简写，只有你的图片文件名称
导出</el-button>
1
2
3

二，标签展示elementui自带的图标的方法

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/748112

el-button中使用阿里矢量图标_el-button 引入 阿里图标