elementPlus 图标不显示属性模式不显示

作者：菜鸟追梦旅行 | 2024-06-13 11:46:16

踩

问题：

elementPlus 属性模式图标不显示

 <el-input placeholder="请输入用户名" :suffix-icon="Avatar">  //这个图标不显示

之前在main.ts里全局引入了icons-vue。这里的script里也没引入。

解决：

在当前的script中重新引入avatar就可以显示了。


<script setup>
import {Avatar} from "@element-plus/icons-vue";  //这里再引入才能用 属性模式
</script>

总结：

可能在属性模式下，图标（Avatar）是一个变量。不引入的话就无法识别吧。

如果全局引入所有图标的话，还是用插槽模式吧。


//全局引入elementIcons使用插槽模式，无需单独引入图标
<template #prefix>
    <el-icon><Lock /></el-icon>  
</template>

备注：

Input 输入框 | Element Plus

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/712522

elementPlus 图标不显示 属性模式不显示