我尝试在我的ionic vue项目中添加带有ion-icon的图标。我从official page复制了代码
<ion-icon name="aperture-outline"></ion-icon>这是我模板
<template>
<ion-content class="content">
<h1>Hello</h1>
<ion-icon name="aperture-outline"></ion-icon>
<h1>Hello2</h1>
</ion-content>
</template>
<style scoped>
.content {
--color: rgb(6, 114, 141);
--background: rgb(240, 234, 234);
--padding-top: 50px;
}
</style>以下是我的输出
为什么我的图标不显示？
N.B this answer不能解决我的问题
2条答案
按热度按时间xkrw2x1b1#
您必须更换
与
并导入脚本部分中的图标，即
在发布这个答案的时候，我不确定问题中是否有这个名字的图标
7kjnsjlb2#
我非常肯定您需要更新图标本身的命名约定--如果我没有弄错的话，文档在这一点上似乎是不正确的。
因此：
变为：
同样的，你的导入和返回在你的设置。这对我来说至少有效。