Textarea

多行文本框, 支持自动换行(感谢autosize).

基本使用

export default {
    data() {
        return {
            exp: new RegExp('[a-zA-Z]', 'g'),
            length1: 0,
            leftLength1: 0,
            content1: 'vue atom',
            content2: '过滤字母',
        };
    },
};
    <a-textarea 
        :maxlength="10"
        ref="test" 
        :autofocus="true" 
        @focus="focus" 
        @blur="blur" 
        v-model="content1">
        <span slot="append" class="fill-right-sm">
            {{leftLength1}} left
        </span>
    </a-textarea>

    <!-- 过滤输入 -->
    <a-textarea :filter-exp="exp" v-model="content2"/>

API

props
参数说明类型默认值可选值是否必选
value内容String--
filterExp过滤指定条件的输入String / RegExp--
events
名称说明参数参数类型
input内容发生变化触发当前输入内容String
focus得到焦点触发Event对象Object
blur失去焦点触发Event对象Object
中国移动
19:01:30
86%