ui-text-area 参考

基础用法

<ui-text-area placeholder="Enter your text..."></ui-text-area>

属性

属性名	参数值类型	功能说明
`value`	number, 超过最大值则值更改为最大值，小于最小值则值更改为最小值	输入框中的内容值
`focused`	boolean	控制 `focused` 状态
`disabled`	boolean	控制 `disabled` 状态, 设置此属性后不再响应事件
`readonly`	boolean	控制 `readonly` 状态, 设置此属性后不再响应事件
`unnavigable`	boolean	控制是否可导航, 组件默认可以通过 tab 键获取焦点, 设置此属性后无法通过 tab 获取焦点，并且鼠标获取焦点后不会有 focus 样式
`placeholder`	string	组件不存在 `value` 值时显示的内容

样式控制

种类	参数值类型	功能说明
size	`class` 样式名, string, 支持值"mini, tiny, samll, medium, large, big, huge, massive"	控制组件整体大小，包括内部字体

event 事件

事件名称	是否冒泡	触发机制
`change`	是	组件进行输入改变值时或因触发 `cancel` 改值
`confirm`	是	发生 `change` 改值后，失去焦点或键入 enter
`cancel`	是	发生 `change` 改值后，键入 esc后触发（将恢复原值）

使用效果示例

`pressed, focused, disabled` 控制状态

<ui-text-area placeholder="Normal..."></ui-text-area>
<ui-text-area placeholder="Focused..." focused></ui-text-area>
<ui-text-area placeholder="Disabled..." disabled></ui-text-area>
<ui-text-area placeholder="Readonly..." readonly></ui-text-area>

size 控制大小

<ui-text-area class="mini"></ui-text-area>
<ui-text-area class="tiny"></ui-text-area>
 ····

条与 "" 相匹配的结果

没有与 "" 匹配的结果