uni-app扩展组件uni-easyinput的常⽤使⽤官⽅⽂档可以看:uni-easyinput增强输⼊框
组件⽰例:uni-easyinput增强输⼊框的⽰例input标签placeholder属性
⼀.基本属性
1.基础⽤法
<uni-easyinput type="text" v-model="formData.age" placeholder="请输⼊年龄" />
v-model 为双向绑定的数据
placeholder为默认显⽰的值
type表⽰类型(ps:type为number,idcard,digit只能在⼿机上看到效果)
type的选择类型
当type = textarea时,多⽤autoHeight可使⽤多⾏⽂本的⾃动⾼度,会跟随内容调整输⼊框的显⽰⾼度
<uni-easyinput type="textarea" autoHeight v-model="value" placeholder="请输⼊内容"></uni-easyinput>
2.disabled  禁⽤
<uni-easyinput disabled type="text" v-model="formData.age" placeholder="请输⼊年龄" />
3.输⼊框左右侧图标(prefixIcon左侧图标,suffixIcon右侧图标)
(图标当前只⽀持 uni-icons 内置的图标)
(使⽤前先引⼊uni-icons否则没效果,不知道怎么应⽤的可以看这个链接:引⼊uni-ui组件)
<uni-easyinput prefixIcon="search" v-model="formData.easyinput" placeholder="请输⼊内容"></uni-easyinput> <uni-easyinput  suffixIcon="search" v-model="formData.easyinput" placeholder="请输⼊内容"></uni-easyinput>
效果图
4.取消边框
<uni-easyinput :inputBorder="false" placeholder="请输⼊姓名"></uni-easyinput>
⼆.常⽤事件
常见事件

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