elementinput组件常⽤属性⽤法
在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”，分别对应⼤，中，⼩
input框禁止输入9，prefix-icon属性和suffix-icon属性：⽤于在输⼊框头部添加图标，运⽤范围例⼦：⽤户登录页⾯账号输⼊框，使⽤⽅式**"< el-input prefix-icon=“el-icon-date”> < /el-input >"** ，el-icon-date为icon图标，suffix-icon属性同理，在输⼊框末尾添加图标
10，max属性和min属性：⽤于数字输⼊框的数字可输⼊值的最⼤值和最⼩值设置

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。