Elementplus如何在input中添加icons,表单中添加icon

简介: Elementplus如何在input中添加icons,表单中添加icon

Elementplus如何添加icons,这里的表单如何添加icons

使用Element的icon的icon出现不了,这里该如何解决?????

解决方法:参考CSDN官网去看

Input 输入框 | Element Plus



 

第一步:使用setup导入相应的icon

<script setup>
import {Fold} from '@element-plus/icons-vue'
</script>

第二步:在input中添加 :prefix-icon="" 你想添加的icon

<el-input :prefix-icon="Fold" size="medium" placeholder="请输入账号" v-model="user.username"></el-input>
相关文章
|
6月前
|
移动开发 JavaScript 小程序
uView Form 表单
uView Form 表单
137 1
|
6月前
|
移动开发 JavaScript 小程序
uView Tabs 标签
uView Tabs 标签
172 0
|
2月前
|
小程序 容器
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
本文介绍了微信小程序中常用组件的使用方法,包括view、scroll-view、swiper与swiper-item、text与rich-text、button以及image组件。详细解释了各组件的功能、属性以及如何在小程序页面中进行使用。
微信小程序常用组件的简单使用 view,scroll-view,swiper,swiper-item,text,rich-text,button,image
|
6月前
|
小程序 前端开发
【微信小程序】-- 常用的基础内容组件介绍 -- text & rich-text & progress & icon(七)
【微信小程序】-- 常用的基础内容组件介绍 -- text & rich-text & progress & icon(七)
|
6月前
|
移动开发 JavaScript 小程序
uView Icon 图标
uView Icon 图标
92 2
|
6月前
|
移动开发 小程序 JavaScript
uView Input 输入框
uView Input 输入框
86 0
|
6月前
|
JavaScript 测试技术 iOS开发
vue element plus Icon 图标
vue element plus Icon 图标
147 0
|
JavaScript
06HUI - 底部导航及新消息提示组件(hui-footer-icons)
06HUI - 底部导航及新消息提示组件(hui-footer-icons)
42 0
|
小程序 前端开发 容器
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
【微信小程序】常用组件基本使用(view/scroll-view/swiper、text/rich-text、button/image)
224 0
|
前端开发
项目中自定义icon(类似ElementUI的icon)
项目中自定义icon(类似ElementUI的icon)
199 0