title	preview
TextareaItem 多行输入框	https://didi.github.io/mand-mobile/examples/#/TextareaItem

多行文本输入框 ^2.5.0+

引入

import { TextareaItem } from 'mand-mobile'

Vue.component(TextareaItem.name, TextareaItem)

代码演示

API

TextareaItem Props

属性	说明	类型	默认值	备注
title	标题	String	-	-
placeholder	占位符	String	-	-
v-model	输入内容	String	-
max-length	可输入的字符长度	String/Number	-	-
autosize	是否可自动适应高度	Boolean	false	-
max-height	在autosize=true的情况, 文本域最长的高度	String/Number	'40'	依赖autosize
solid	title的宽度是否固定	Boolean	true
readonly	是否只读	Boolean	false	-
disabled	是否禁用	Boolean	false	-
clearable 2.5.3+	是否有删除图标	Boolean	false	-
rows	开始显示的行数	String/Number	'3'	-
error	是否显示错误, 如果有内容就认定是出错, 并显示出来	String	-	-
formation 2.5.13+	表单文本格式化回调方法	Function(name, curValue, curPos): {value: curValue, range: curPos}	-	传入参数name为表单名称，curValue为表单值，curPos为表单光标当前所在位置 返回参数value格式化值, range表单光标格式化后所在位置

TextareaItem Slots

footer

文本域在分隔线上面部分的slot

TextareaItem Events

focus()

文本域获得焦点

blur()

文本域失去焦点

getValue()

获取文本域值

TextItem Events

@focus(name)

文本域获得焦点事件

@blur(name)

文本域失去焦点事件

@change(name, value)

文本域值变化事件

@keyup(name, event)

文本域按键按下事件

@keydown(name, event)

文本域按键释放事件