Textarea

表单组件 Textarea输入框

如何引入

// 引入
import { Textarea } from 'vimo'
// 安装
Vue.component(Textarea.name, Textarea)
// 或者
export default{
  components: {
    Textarea
 }
}
源码:

传入属性 / Props:

Name Type Attributes Default Description
showFocusHighlight Boolean <optional>
focus时底部高亮
disabled Boolean <optional>
如果为true, 用户无法输入
maxlength Number <optional>
设置最大值, 只对textarea有效
rows Number <optional>
3 设置行数, 只对textarea有效
autosize Boolean <optional>
自动高度
autofocus Boolean <optional>
自动对焦
mode String <optional>
'ios' 当前平台
placeholder String <optional>
占位文字
readonly Boolean <optional>
只读模式, 不能修改
count Boolean <optional>
计数模式
value * <optional>
内容输入值

对外事件 / Fires:

用法 / Usages

<Textarea placeholder="Text Textarea">
<Textarea @onBlur="blur($event)" @onFocus="focus($event)" @onInput="onInput($event)" placeholder="Enter a description"></Textarea>

方法 / Methods

(inner) destroy()

源码:

销毁textarea组件

(inner) update()

源码:

更新textarea组件

事件 / Events

onBlur

源码:

blur事件

onFocus

源码:

focus事件

onInput

源码:
属性 / Properties:
Name Type Description
value *

输入值

input事件

onInvalid

源码:
属性 / Properties:
Name Type Description
value *

当前检查的value

验证失败

onKeydown

源码:
属性 / Properties:
Name Type Description
$event object

事件对象

onKeydown

onKeyup

源码:
属性 / Properties:
Name Type Description
$event object

事件对象

onKeyup

onValid

源码:
属性 / Properties:
Name Type Description
value *

当前检查的value

验证通过