## **textarea(移动端)**
1.dialog 组件支持函数调用和组件调用两种形式
~~~
import { textarea } from 'mui'; //引入dialog
Vue.use(textarea);
~~~
#### **基本用法**
~~~
<abc-textarea v-model="text" :rows="5" :clos="50" :maxlength="200" @blur="blur" @focus="focus"></abc-textarea>
~~~
#### **data数据说明:**
```js
export default {
data() {
return {
text: ''
}
},
methods: {
blur() {
console.log('失去焦点~')
},
focus() {
console.log('获取焦点')
}
}
}
```
#### **Props:**
| 参数 | 说明 | 类型 | 默认值 | 是否必传 |
| --- | --- | --- | --- | --- |
| text | 输入框的文本变量 | String | - | 是 |
| rows | 输入域的行数 | Number | 10 | 否 |
| clos | 输入域的列数 | Number | 30 | 否 |
| maxlength | 最大输入文本数量 | Number | 1000| 否 |
| placeholder | 输入框为空时的文本显示内容 | String | 请输入| 否 |
#### **事件:**
| 事件名称 | 说明 | 回调参数 |
| --- | --- | --- |
| blur | 输入框失去焦点时触发 | - |
| focus | 输入框获得焦点时触发 | - |