VUE + Element UI 使用Element 中的Icon 图标无法显示
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
VUE + Element UI 使用Element 中的Icon 图标无法显示
有以下几种情况:
1) 项目中引入的element-ui的版本过低了,低版本的icon中没有代码中需要的图标。比如我代码中使用的图标是<i class="el-icon-s-order"></i>
,这个图标在低版本的element-ui中是没有的,所以显示不出来。需要在项目的package.json文件中更新一下element-ui的版本。
如图:
然后使用npm install
重新更新一遍依赖包!!!
最后使用npm run dev
运行项目,刷新一下页面,看看图标是否成功显示了。
2)打开修改/src/main.js文件,引入import 'element-ui/lib/theme-chalk/index.css';
最后使用npm run dev
运行项目,刷新一下页面,看看图标是否成功显示了。
3)打开 build/utils.js 文件,在如下位置添加 publicPath: '../../'
最后使用npm run dev
运行项目,刷新一下页面,看看图标是否成功显示了。
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)