安装element-plus SVG图标库
npm install @element-plus/icons
Main.js
import ElementPlus from 'element-plus';
import * as ElIcons from '@element-plus/icons';
// 此处省略若干业务代码
const app = createApp(App);
for(const name in ElIcons){
/*
* 以elIcon为前缀的命名规则,是为了适配已经使用属性名添加图标的内置组件,
* 例如:<el-button icon="el-icon-refresh"></el-button>
*/
app.component('elIcon' + name, ElIcons[name]);
}
app.use(ElementPlus, { size: 'mini', zIndex: 2000 });
app.mount('#app');
此时已经完成所有内置组件的图标迁移工作,自定义标签需要或class名引用的图标需要手动完成迁移。
图标使用方法请参阅Element Plus Icon 图标
总结
写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于 前端开发 的学习思路及方向。从事互联网开发,最主要的