Element-ui关于el-icon无法正常显示的问题(已解决)

这篇具有很好参考价值的文章主要介绍了Element-ui关于el-icon无法正常显示的问题(已解决)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在使用element-ui组件库的时候,使用自带的图标不显示,查了好多篇博客,都说是element-ui的版本老了,在package.json中修改版本重新安装就行,但是我的情况不是这样。

最后解决看了这篇博客:
https://blog.csdn.net/weixin_44835957/article/details/115009973

要在 main.js 文件中引入图标的样式文件:
Element-ui关于el-icon无法正常显示的问题(已解决)文章来源地址https://www.toymoban.com/news/detail-507152.html

到了这里,关于Element-ui关于el-icon无法正常显示的问题(已解决)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Element-ui中的el-radio无法数据回显

     1.这样写也可以回显,应该在 el-radio 中加不加 v-model 属性都不影响 2.使用Element-ui版本  2.15.7  需要回显的代码 在网上查了一下,由于我数据库中 action 字段的类型为 int 类型,而radio的值默认应该是 string 类型,所以radio不会默认选中。 解决办法就很多了,我是从后台拿到数

    2024年02月11日
    浏览(61)
  • 解决element-ui中的el-select选择器无法显示选中内容的问题

    问题描述: 排查方法: 检查数据控制台是否报错,无报错 检查change是否触发,会触发 最后开始百度,查看文档  官方文档有这么一段话,就是属性一定要挂载到data上,不然无法检测。 最后解决: 排查到我的form表单,在定义表单属性的时候,没有在data中定义该字段。 总结

    2024年01月23日
    浏览(55)
  • el-icon不垂直居中,与文字不对齐的解决策略

    我们在使用el-cion的时候,渲染出来之后它是一个i包裹着一个svg的,默认不会垂直居中,就会与文字形成偏移   居中的策略: 1、将外层div设置为display:flex,设置垂直居中 2、将el-icon设置一个size,大概和文字一样大即可 最终实现的效果:成功垂直居中,与文字对齐

    2024年02月12日
    浏览(124)
  • Unknown custom element: <el-image>无法使用该组件,升级element-ui版本后项目报错

    需求背景: 项目中需要使用图片点击放大,想要使用 el-image 组件,引入后报了下面的错,需要升级element版本,element-ui版本过低,没有该组件。 过程: cnpm i element-ui@2.14.1 --save-dev 升级后,页面报了一千多个错,如Property or method “__v_isRef“ is not defined on the instance 项目页面较

    2023年04月19日
    浏览(46)
  • element-ui更改图标icon大小

    element-ui改变icon大小 在template里面加入div 再在style样式中 这就相当于给块组件赋予了形状大小的属性。

    2024年02月11日
    浏览(43)
  • vue+elementui项目打包后部署到测试环境icon全部丢失【element-ui】大版本升级element-ui后,icon全部丢失

    问题:vue+elementui项目打包后部署到测试环境icon全部丢失【element-ui】大版本升级element-ui后,icon全部丢失 解决办法及原因: elementui在2.12版本中icon数量较之2.4.9版本的扩展2倍不止。原来webpack中对于字体loader的限制是limit10000,就会将字体转换为base64,2.12版本中字节已经超过

    2024年02月16日
    浏览(70)
  • Element-UI中el-table内嵌el-popover,在表格翻页后el-popover无法显示问题解决

    由于开发需求,需要在el-table某一列增加popover弹窗,当用户点击按钮时,通过popover组件展示详细信息。参考Element-ui官网文档案例,得出代码如下 具体实现细节无需关注,经过测试后表格第一页的popover组件能够正常显示,但是当翻到第二页时,点击详情按钮,函数能够被正常

    2024年02月11日
    浏览(53)
  • 给 element-ui 表格的表头添加icon图标

    el-table icon图标 的设置,使用  slot=\\\"header\\\"  插槽,然后直接通过设置类名为  el-icon-iconName  来使用即可。 效果展示:

    2024年02月16日
    浏览(43)
  • 解决 element-ui 打包后 icon 图标乱码问题

    问题描述: vue2+element-ui 的项目,本地看没有问题,打包部署后 element-ui 自带的 icon 图标显示乱码 问题原因: 查看打包后生成的 dist/css/app.xxx.css 文件,发现乱码的图标部分变成了 .el-icon-ice-cream-square:before{content:“”} 问题解决: sass 版本升级到 1.39.0 npm install sass@1.39.0 ,也

    2024年02月12日
    浏览(48)
  • Vue Element-UI使用icon图标(第三方)--在线版

    Element-ui一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库,在Vue中使用是很方便的。 关于引用icon(第三方),有一种不用下载项目到本地的方法, element自带的有icon,使用起来也很方便。但是美中不足的是,官方提供的图标库只是部分,在需要新的icon时,

    2024年02月06日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包