如何本地引入 Element-UI 样式文件并解决图标不显示问题?

如何本地引入 element-ui 样式文件并解决图标不显示问题?

引入 element-ui 的 index.css 文件

为了避免依赖于有时可能 недоступный 的远程 url,建议下载 element-ui 的样式文件并将其存储在本地。

步骤:

  1. 将 element-ui 下载到本地,例如,放到 /public/static 目录下。
  2. 在 index.html 主页中引入文件:
<script src="/static/element-ui/lib/index.js"></script>
<link rel="stylesheet" href="/static/element-ui/lib/theme-chalk/index.css">

注意,vue.js 文件也最好以这种方式引入,因为它需要先于 element.js 加载。

图标不显示的解决方法:

如果图标不显示,可以参考以下解决方案:

  1. 确保已正确安装 element-ui 依赖项。
  2. 在 /public/static 目录中的 theme-chalk 目录内创建 icon.svg 文件。
  3. 查看以下链接以获取更多信息:
    https://blog.csdn.net/m0_37893932/article/details/79460652

以上就是如何本地引入 Element-UI 样式文件并解决图标不显示问题?的详细内容,更多请关注其它相关文章!