uni-app扩展组件uni-easyinput的常用使用

官方文档可以看：uni-easyinput增强输入框

组件示例：uni-easyinput增强输入框的示例

一.基本属性

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>

二.常用事件

常见事件