官方文档可以看:uni-easyinput增强输入框
一.基本属性
1.基础用法
<uni-easyinput type="text" v-model="formData.age" placeholder="请输入年龄" />
v-model 为双向绑定的数据
placeholder为默认显示的值
type表示类型(ps:type为number,idcard,digit只能在手机上看到效果)
当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>
二.常用事件