elementui-plus的prefix-icon无法显示问题

原文链接：https://blog.csdn.net/weixin_44220078/article/details/124054538

解决方法:

首先按照文档安装
1.

npm install @element-plus/icons-vue

   <el-input :prefix-icon="Key" v-model="**" placeholder="请输入验证码">
             <template #prefix>
                <el-icon class="el-input__icon"><Key /></el-icon>
              </template>
   </el-input>

其中标签为icon为名称，可在文档中查看自己需要的icon进行更改。
3.

import  Key  from "@element-plus/icons";

将Key的icon引入后在components里加入

  components:{
    Key
  },