• XTextarea
    • 安装
    • 属性
    • 事件
    • 插槽
    • 方法
    • 相关 issue
    • 贡献者
    • 发布日志

    XTextarea

    XTextarea

    demo 原始链接demo 源码编辑文档组件源码

    x-textarea - 图1

    二维码

    x-textarea - 图2

    Install

    安装

    局部注册

    全局注册

    1. import { XTextarea } from 'vux'
    3. export default {
    4.   components: {
    5.     XTextarea
    6.   }
    7. }

    1. // 在入口文件全局引入
    3. import Vue from 'vue'
    4. import { XTextarea } from 'vux'
    6. Vue.component('x-textarea', XTextarea)
    1.   <group>
    2.     <x-textarea title="title" v-model="value"></x-textarea>
    3.   </group>

    x-textarea只能在Group中使用

    API

    属性

    名字类型默认值说明版本要求
    titlestringlabel文字v2.1.1-rc.8
    inline-descstring位于标题下的描述文字v2.1.1-rc.8
    show-counterbooleantrue是否显示计数—
    maxnumber0最大长度限制—
    valuestring表单值, 使用v-model绑定—
    namestring表单名字—
    placeholderstring没有值时的提示文字—
    rowsnumber3textarea 标准属性 rows—
    colsnumber30textarea 标签属性 cols—
    heightnumber0高度—
    readonlybooleanfalsetextarea 标签属性 readonly—
    disabledbooleanfalsetextarea 标签属性 disabled—
    autosizebooleanfalse是否根据内容自动设置高度v2.2.1-rc.6

    事件

    名字参数说明版本要求
    @on-change(value)表单值变化时触发—
    @on-focus—focus 事件v2.1.1-rc.11
    @on-blur—blur 事件v2.1.1-rc.11

    插槽

    名字说明版本要求
    label用于自定义label(即 title)部分内容，比如使用iconv2.1.1-rc.8
    restricted-label用于自定义label部分，和slot=label不同的是，该slot宽度受到父组件group的限制v2.1.1-rc.8

    方法

    名字参数说明版本要求
    updateAutosize重置 autosize 高度，如果绑定值不为空，需要调用该函数进行高度重置v2.5.1

    Issues

    相关 issue

    • #3280 fix: texearea newlines
    • #2522 XTextarea组件可以加个disable属性吗？
    • #2186 x-teatarea能否实现图文混排？给点建议？
    • #924 希望XTextarea可以设置title
    • #630 x-textarea 在ios9+ 不能输入，点击无光标出现

    贡献者

    贡献者

    该组件(包含文档)迭代次数 29，贡献人数 8
    松松Estelle00airyland万刚zss007Plortinusgreedyinglinhaobin

    Changelog

    发布日志

    • v2.8.0 [feature] 添加属性 disabled #2522
    • v2.5.1 [feature] 添加方法 updateAutosize 在存在默认值的情况下手动重置高度
    • v2.2.1-rc.6 [enhance] 标签上对齐
    • v2.2.1-rc.6 [feature] 支持属性 prop:autosize 自动更新高度
    • v2.1.1-rc.12 [enhance] 点击x-textarea的counter时，主动触发focus事件
    • v2.1.1-rc.11 [feature] 支持 on-focus on-blur 事件 #1082 @zeusLeeJh
    • v2.1.1-rc.8 [feature] 支持title属性