🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **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 | 输入框获得焦点时触发 | - |