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

    XTextarea

    XTextarea

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

    x-textarea - 图1

    二维码

    x-textarea - 图2

    Install

    安装

    局部注册

    全局注册

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

    1. // 在入口文件全局引入
    2. import Vue from 'vue'
    3. import { XTextarea } from 'vux'
    4. 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-focusfocus 事件v2.1.1-rc.11
    @on-blurblur 事件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属性