Textarea

表单组件 Textarea输入框

如何引入

// 引入
import {Textarea} from 'vimon'
// 安装
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:

  • component:Textarea#event:onBlur
  • component:Textarea#event:onFocus
  • component:Textarea#event:onInput
  • component:Textarea#event:onKeyup
  • component:Textarea#event:onKeydown
  • component:Textarea#event:onValid
  • component:Textarea#event:onInvalid

用法 / Usages

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