若依版本：RuoYi-Vue

标签：<svg-icon :icon-class="getClass(scope.row.ext)"></svg-icon>

<svg-icon :icon-class="getClass(scope.row.ext)"></svg-icon>

 <script>块中引入import svgIcons from '@/views/components/icons/svg-icons'

import svgIcons from '@/views/components/icons/svg-icons'
methods方法：
getClass(name){
  if (svgIcons.includes(name)) {
    return name;
  } else {
    return "temp";
  }
},
//判断图标是否存在，不存在是显示默认图标
 getClass(name){
   if (svgIcons.includes(name)) {
     return name;
    } else {
      return "temp";
   }
 },

这个方法比较笨重，因为import svgIcons from '@/views/components/icons/svg-icons'会把所有的svg图标都加载进来。

如果你有更好的方法评论区探讨下。

# java # 前端 # spring # vue.js
Logo
欢迎使用若依开源

快速构建 Web 应用程序

更多推荐

深入 Composer autoload

这几天看到 phphub 上面有人开始进坑怒看 laravel 源代码，于是我也凑个热闹来看下这个故事。众所周知 composer 是现代PHP 项目的基石， 与古老的 pear 不同， composer 并不是一款专注于系统级别php 管理的包管理系统，而是基于项目的一个库管理系统。这就好比 npminstall -g 和 npminstall 的区别。而且最主要

avatar RuoYi 若依

实体类（VO，DO，DTO）的划分

经常会接触到VO，DO，DTO的概念，本文从领域建模中的实体划分和项目中的实际应用情况两个角度，对这几个概念进行简析。得出的主要结论是：在项目应用中，VO对应于页面上需要显示的数据（表单），DO对应于数据库中存储的数据（数据表），DTO对应于除二者之外需要进行传递的数据。一、实体类百度百科中对于实体类的定义如下：实体类的主要职责是存储和管理系统内部的信息，它也可以有行为，甚至很复杂的行为，但这些行

avatar RuoYi 若依

计算机课如何断开学生端,极域课堂管理系统怎么连接老师 学生端连接问题解决方法...

现在的大学课堂都紧跟着时代的步伐，选择用电子教室代替传统的教室，电子教室的好处就是可以让坐在角落的同学也能清楚的看到老师的每一个操作，除此之外还可以电子举手，提交作业获得老师的及时反馈，学习效率倍增。如果你发现自己的电脑出现连接不上电脑的情况的，来看看小编是怎么解决的把！类别：教育管理 大小：16.38M 语言：简体中文评分：61、首先，正常的学生机器是开机就会自动的连接老师端的，如果...

avatar RuoYi 若依