vue element 按钮属性参考

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属性:用于数字输入框的数字可输入值的最大值和最小值设置
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值