Vuejs2 vue项目中未显示Svg图标

我无法将svg图标添加到导航中。我试过了

cssClass:require（`@/src/assets/med_icons/Icon_blood.svg）

仍然无法工作。我做错了什么

 ul.navbar-nav
          li.nav-item(v-for="navItem in navItems")
            router-link.nav-link.py-4.text-uppercase(:to="navItem.to")
              img(:src="navItem.cssClass")

---

在问题中，您提到您尝试使用

cssClass: require(`@/src/assets/med_icons/Icon_blood.svg)

但在这里我看到你错过了最后一句话

cssClass: require(`@/src/assets/med_icons/Icon_blood.svg`)

---

请尝试此操作，看看您的问题是否得到解决，否则请告诉我。

navItems.cssClass

未定义，因为它是一个数组。如果您编写

img（：src=“navItem[0].cssClass”）

，它会起作用吗？我不想听到它。说到svg，我个人更喜欢使用

vue svg loader

：

cssClass: require(`@/src/assets/med_icons/Icon_blood.svg`)