表单组件 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:
- 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>
方法 / 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 |
验证通过