【vue3】【element-plus】icon显示不出来

之前一直没解决,突然灵光乍现

问题:输入框里面利用prefix-icon属性在 input 组件首部和尾部增加显示图标,但是一直是空白的

解决方法:

  1. 判断有没有引入,我这里没有用components,因为我这个是放在input输入框里面,所以即使引用了,eslint语法会报没有用上的错误,我是放在这里【vue3】【element-plus】icon显示不出来_第1张图片

有另外一篇文章写了为什么放这里的另外一个原因解决Vue3+Element-plus在input框使用属性方式添加图标不显示的问题_辞九门的博客-CSDN博客

         2. 检查prefix-icon前面有没有加 : ,我就是错在这个地方

" : "是"v-bind"的缩写,"v-bind"指令用于响应式的更新

【vue3】【element-plus】icon显示不出来_第2张图片

最后,完美解决,撒花撒花

【vue3】【element-plus】icon显示不出来_第3张图片

 

【vue3】【element-plus】icon显示不出来_第4张图片

你可能感兴趣的:(错误记录,vue.js,前端,vue3,element-plus)