VUE + Element UI 使用Element 中的Icon 图标无法显示

有以下几种情况:

1) 项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标。比如我代码中使用的图标是<i class="el-icon-s-order"></i>,这个图标在低版本的element-ui中是没有的,所以显示不出来。需要在项目的package.json文件中更新一下element-ui的版本。
如图:

VUE + Element UI 使用Element 中的Icon 图标无法显示

然后使用npm install重新更新一遍依赖包!!!
最后使用npm run dev运行项目,刷新一下页面,看看图标是否成功显示了。

2)打开修改/src/main.js文件,引入import 'element-ui/lib/theme-chalk/index.css';

VUE + Element UI 使用Element 中的Icon 图标无法显示

最后使用npm run dev运行项目,刷新一下页面,看看图标是否成功显示了。

3)打开 build/utils.js 文件,在如下位置添加 publicPath: '../../'

VUE + Element UI 使用Element 中的Icon 图标无法显示

最后使用npm run dev运行项目,刷新一下页面,看看图标是否成功显示了。

相关文章:

  • 2022-12-23
  • 2021-05-08
  • 2021-09-13
  • 2021-06-17
  • 2021-09-06
  • 2022-12-23
  • 2021-05-16
  • 2021-10-20
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-17
  • 2021-12-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案