elementUi如何添加图标

 时间:2026-02-12 21:39:47

1、在已有项目中安装element-ui,使用 npm i element-ui -S 安装。

elementUi如何添加图标

2、打开main.js文件,引入安装的element-ui。

代码:

import 'element-ui/lib/theme-chalk/index.css';

import ElementUI from 'element-ui';

Vue.use(ElementUI);

elementUi如何添加图标

3、打开vue文件添加一个删除的小图标。

代码: 

 <i class="el-icon-delete" style="font-size:30px;color: red;"></i>

elementUi如何添加图标

4、保存所有文件后使用浏览器打开,即可看到新加的删除图标。

elementUi如何添加图标

  • Tomcat 6.0 only supports J2EE 1.2, 1.3, 1.4
  • Java 插入Excel工作表行或列
  • jquery如何删除子元素
  • NoClassDefFound: sun.io.ByteToCharConverter
  • JS开发,document.getElementByID报错
  • 热门搜索
    牙膏的作用 翻新机是什么意思 former什么意思 什么锦簇 去台湾需要什么证件 case是什么意思 业精于勤荒于嬉行成于思毁于随的意思 老人机什么牌子质量好 什么东西往上升永远掉不下来 蛋白酶的作用