UNPKG

yun-ui

Version:

Mobile UI Components Library for Vue.js by yunzhijia.

44 lines (32 loc) 1.53 kB
# Textarea 表单,多行输入框组件。 ### 使用场景 用于表单中创建多行输入框。 > 搭配form组件使用。 > form是最基本的通用表单项组件容器,可用于包含表单项组件。仅作为语义化组件用,没有API,但可在其上监听form内组件的事件变化。 ### 引入 ``` javascript import Vue from 'vue' import {Form, Textarea} from 'yun-ui' import 'yun-ui/dist/yun/Form/index.css' import 'yun-ui/dist/yun/Textarea/index.css' Vue.component(Form.name, Form) Vue.component(Textarea.name, Textarea) ``` ### 代码示例 ``` javascript <template> <y-form> <y-textarea label="多行输入框" placeholder="placeholder" :limit="20" @change=""></y-textarea> </y-form> </template> ``` ### API | 参数 | 说明 | 类型 | 可选值 | 默认值 | | ---- | ---- | ---- | ---- | ---- | | label | 输入框项的名称 | String | | | |defaultValue| 输入框初始值 | String | | | |placeholder| 输入框的placeholder| String | | | | limit | 输入框内限制输入的文字长度| Number | | | | error | 表单验证错误提示 | Boolean | true,false | false | | change | 输入框输入改变时的回调函数,第一个参数为改变后的值,第二个参数为输入框的label。可绑定在textarea组件,也可绑定在form组件上| Function | | |