博客
关于我
vue3+Element-plus icon图标无法显示的问题(已解决)
阅读量:796 次
发布时间:2023-02-16

本文共 572 字,大约阅读时间需要 1 分钟。

在使用Vue 3和Element Plus 1.2.0-beta.3版本时,导航侧栏的图标无法显示的问题

  • 问题背景

    • 在引入侧栏组件时,左侧的图标无法显示。
    • 图标位置为空,显示异常。
  • 问题分析

    • Element Plus 1.2.0-beta.3版本对图标引入方式进行了更新,图标命名和路径发生了变化。
    • 默认的图标引入方式不再有效,需要手动引入并使用正确的标签。
  • 解决方案

    • 方案一:手动引入并注册图标组件。
      import {Location, Setting, Menu, Document} from '@element-plus/icons'
      export default {
      components: {
      Location, Setting, Menu, Document
      }
      }
      • 使用引入的图标时,仍需正确设置标签名。
    • 方案二:手动添加SVG图标。
      Navigator Two
      • 确保使用正确的SVG路径和配置。
  • 优化总结

    • Element Plus新版本图标引入方式改变,需手动配置。
    • 使用SVG标签或正确的图标组件来显示图标。
    • 确保图标路径和标签名与新版本一致。
  • 转载地址:http://yxjfk.baihongyu.com/

    你可能感兴趣的文章
    Mysql8 数据库安装及主从配置 | Spring Cloud 2
    查看>>
    mysql8 配置文件配置group 问题 sql语句group不能使用报错解决 mysql8.X版本的my.cnf配置文件 my.cnf文件 能够使用的my.cnf配置文件
    查看>>
    MySQL8.0.29启动报错Different lower_case_table_names settings for server (‘0‘) and data dictionary (‘1‘)
    查看>>
    MYSQL8.0以上忘记root密码
    查看>>
    Mysql8.0以上重置初始密码的方法
    查看>>
    mysql8.0新特性-自增变量的持久化
    查看>>
    Mysql8.0注意url变更写法
    查看>>
    Mysql8.0的特性
    查看>>
    MySQL8修改密码报错ERROR 1819 (HY000): Your password does not satisfy the current policy requirements
    查看>>
    MySQL8修改密码的方法
    查看>>
    Mysql8在Centos上安装后忘记root密码如何重新设置
    查看>>
    Mysql8在Windows上离线安装时忘记root密码
    查看>>
    MySQL8找不到my.ini配置文件以及报sql_mode=only_full_group_by解决方案
    查看>>
    mysql8的安装与卸载
    查看>>
    MySQL8,体验不一样的安装方式!
    查看>>
    MySQL: Host '127.0.0.1' is not allowed to connect to this MySQL server
    查看>>
    Mysql: 对换(替换)两条记录的同一个字段值
    查看>>
    mysql:Can‘t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock‘解决方法
    查看>>
    MYSQL:基础——3N范式的表结构设计
    查看>>
    MYSQL:基础——触发器
    查看>>