在 main.js 中导入字体图标
然后在 el-input 组件中通过 prefix-icon 进行相关图标引用
最终效果图如下：
重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标
2022-06-14
158
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
重读vue电商网站4之登录页面总结使用 iconfont 给输入框添加图标
目录
相关文章
|
2月前
|
JavaScript
|
4月前
|
存储
JavaScript
前端开发
vue尚品汇商城项目-day05【30.登录与注册静态组件（处理公共图片资源问题）+31.注册的业务+登录业务】
vue尚品汇商城项目-day05【30.登录与注册静态组件（处理公共图片资源问题）+31.注册的业务+登录业务】
53
1
1
|
6月前
|
JavaScript
Vue3数字输入框（InputNumber）
这是一个可定制的数字输入框组件，支持设置宽度、最小值、最大值、步长、精度等属性，并可添加前缀图标及自定义显示格式。组件兼容键盘快捷键操作，具备禁用功能。示例代码展示了如何使用该组件实现不同场景下的数值输入与格式化展示。组件还利用 `add` 函数解决了 JS 精度问题，并通过 `useSlotsExist` 监听插槽。
414
6
6
|
5月前
|
JavaScript
|
4月前
|
存储
JavaScript
API
vue尚品汇商城项目-day05【33.token令牌理解+34.用户登录携带token获取用户信息+35.退出登录】
vue尚品汇商城项目-day05【33.token令牌理解+34.用户登录携带token获取用户信息+35.退出登录】
49
0
0
|
6月前
|
JavaScript
前端开发
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
这篇文章介绍了在Vue框架中使用Element UI组件库时，如何通过v-if指令和v-model绑定来控制`el-form-item`的显示与隐藏，以及如何通过设置`readonly`属性让输入框变为只读状态。
586
0
0
|
6月前
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的在线音乐网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的在线音乐网站附带文章源码部署视频讲解等
77
2
2
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的学习网站系统附带文章源码部署视频讲解等
53
0
0
|
7月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的自助甜品网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的自助甜品网站附带文章源码部署视频讲解等
44
0
0
热门文章
最新文章
1
创建vue3项目步骤以及安装第三方插件步骤【保姆级教程】
2
Vue 组件化开发：构建高质量应用的核心
3
ry-vue-flowable-xg：震撼来袭！这款基于 Vue 和 Flowable 的企业级工程项目管理项目，你绝不能错过
4
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
5
iframe嵌入页面实现免登录思路（以vue为例）
6
Vue.js应用结合Redis数据库：实践与优化
7
【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
8
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
9
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
10
Vue Router 核心原理