element—plus字体图标显示不出来的问题

大家有的人用了vue3也就配合使用了plus，有的复制下来就纳闷为什么不显示，一般有两个问题

1、就是大家引入的问题

// 引入字体图标方法
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

// 字体图标引入（全局注册）
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

上面的引入方法就是全局的引入，这时候就可以用了（注意！！是在main.js进行配置）

2、就是大家在plus文档里面复制了一些按钮组件比如：el-button组件但是里面图标不显示

//引入的
<el-button :icon="Search" />

//以上是因为对ico进行属性绑定了，去掉冒号就好了

<el-button icon="Search" />