element input组件常用属性用法
在vue项目中肯定会用到element组件库，里面的input组件的用法和常用属性如下：
**
1，type属性：用法跟原生输入框一样，例：type=“text”，type=“password”,进行输入框的类型设置
2，value 或 v-model：用于输入框内的数据进行双向数据绑定，例：value=“name”,或v-model=“name”
3，maxlength属性和minlength属性："maxlength"用于现在输入框最多输入的字符，同理 “minlength” 用于输入框最少输入的字符
4，placeholder属性：用于输入框内灰色的占位字符的设置，例：placeholder=“请输入用户名”
5，clearable属性：用于在输入框内末尾添加删除图标，可用于清空当前输入框内容，用法："< el-input clearable> < /el-input >",直接在标签内填入即可，或**"< el-input clearable = “true”> < /el-input >"**
6，show-password属性：用于输入框为密码框状态时使用的属性，可让密码框后添加小眼睛图标，可让输入的密码在*和内容来回切换，用法如clearable属性一样
7，disabled属性：用于禁用输入框，让输入框无法输入，用法如clearable属性一样
8，size属性：用于设置输入框大小，例："< el-input size=“medium”> < /el-input >" 值有三个“medium / small / mini”，分别对应大，中，小
9，prefix-icon属性和suffix-icon属性：用于在输入框头部添加图标，运用范围例子：用户登录页面账号输入框，使用方式**"< el-input prefix-icon=“el-icon-date”> < /el-input >"** ，el-icon-date为icon图标，suffix-icon属性同理，在输入框末尾添加图标
10，max属性和min属性：用于数字输入框的数字可输入值的最大值和最小值设置
element input组件常用属性用法相关推荐
- Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架
第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...
- Input的常用属性
■type:input的类型 □text:文本输入框(明文输入) □password:文本输入框(密文输入) □radio:单选框 □checkbox:复选框 □button:按钮 □reset:重置 ...
- css：input button常用属性以及将button嵌入到input中
1.鼠标经过button变成小手 //css属性 cursor:pointer; 2.清除button默认边框 border: none; 3.清除input默认边框 outline: 0; 4.设置 ...
- wpf- DataGrid 常用属性和事件
组件所在命名空间: System.Windows.Controls 组件常用方法: BeginEdit:使DataGrid进入编辑状态. CancelEdit:取消DataGrid的编辑状态. Col ...
- ExtJs window（一）使用API以及window常用属性和方法
1.使用API xtype:组件的别名 Hierarchy 层次结构 Inherited mixins 混入的类 Requires 该组件需要使用的类 configs:组件的配置信息 properti ...
- 纯生js ajax,纯生js实现Element中input组件的部分功能（慢慢完善）并封装成组件
现在实现的有基础用法.可清空.密码框,参考链接:https://element.eleme.cn/#/zh-CN/component/input HTML代码:想要测试哪个组件,直接将对应组件解开注释 ...
- 【鸿蒙】HarMonyOS之Text组件的常用属性
Text是用来显示字符串的组件,在界面上显示为一块文本区域.Text作为一个基本组件,有很多扩展,常见的有按钮组件Button,文本编辑组件TextField. 属性名称 中文描述 取值 取值说明 使 ...
- 蚂蚁金服 Ant-design 常用组件和属性整理
蚂蚁金服 Ant-design 常用组件和属性整理 本文摘录自:AntDesign官网 1. 通用组件 1.1 Buttondisabled - booleanghost - booleanhref ...
- elementUI中input组件的autofocus属性不生效
如图所以:点击航线名字需要切换输入框,输入框需要自动聚焦,这样即使啥也不修改也能执行失焦事件. elementUI文档上有一个autofocus属性,把autofocus设置成true发现并没有自动获 ...
最新文章
- memcached全面剖析–2.理解memcached的内存存储
- 2021年人工神经网络第三次作业-第二题：遗传算法与人工神经网络-参考答案
- No module named 'tf_extended'
- Python基础教程：repr()与str() 的区别
- 需要写的一些pycoe
- 大佬 | 从啥也不会，到Java大佬，他就因为会了这一门绝技
- C语言动态库libxxx.so的几种使用方法
- 今日恐慌与贪婪指数为54 等级由贪婪转为中立
- 【MyBatis】MyBatis找不到mapper文件
- 简单易懂Kafka搭建
- 同花顺数据获取思路及算法
- 安保巡逻机器人如何在公共场所提供安全应用？
- 基于PyTorch、易上手，细粒度图像识别深度学习工具库Hawkeye开源
- 3D人物移动和相机跟随_学习整理资料
- 《赢》--[美]杰克·韦尔奇
- （转）从奴隶到程序员的十年历程
- android设置悬浮窗口的透明度,Android TransparentActivity 悬浮窗兼容方案
- Karl Guttag：Magic Leap 2与HoloLens 2对比
- 联想服务器双系统安装教程,联想笔记本装win8/win10双系统教程
- 二叉树节点和度的关系及特点