Skip to content

Text 静态文本

Text 组件用来展示只读态的页面数据。

  1. 可以根据指定的类型,按照对应的规则展示数据
  2. 可以指定不同的对齐方式
  3. 可以指定高度或者最大、最小高度,适应不同的场景

基础用法

高度

对齐

布尔

枚举

数值

数值参数

日期

日期区间

事件

属性

属性名类型默认值说明
modelValuestring''组件值
passwordbooleanfalse是否是密码
textareabooleanfalse是否多行文本
autoSizebooleanfalse是否自动尺寸
maxHeightnumber0设置最大高度,且自动高度 autoSize 为 true 时才生效
heightnumber0指定高度,且自动高度 autoSize 为 false 时,按照高度。如果 autoSize 为 true,是最小高度
typeTextTypestring指定类型,默认指定为字符串 string 类型
enumConvertedDatasany转换类型用到的数据
textFieldstring'name'指定枚举类型时数据的文本字段
valueFieldstring'value'指定枚举类型时数据的值字段
enumDelimiterstring','枚举下类型下的分隔符
groupSeparatorstring','千分位符号
decimalSeparatorstring'.'小数点处符号
decimalFilledSymbolstring'0'十进制补位符
numberOptionsFormNumberOptions'0'格式化数字的参数
amountExpressionstring'%s%v'金额表达式
textAlignTextAlignment''文本方向,默认左对齐
dateRangebooleanfalse是否是日期范围
formatstring''指定格式化模式
dateRangeDelimiterstring'~'日期范围模式下值的显示分隔符

TextType

typescript
type TextType = 'string' | 'date' | 'datetime' | 'number' | 'enum' | 'boolean'
type TextAlignment = 'left' | 'center' | 'right'

事件

事件名参数说明
update:modelValue新变更的值绑定的值更新时触发
valueChange新变更的值控件显示的值更新时触发

插槽

TIP

暂无内容