mirror of
				https://github.com/Tencent/tmagic-editor.git
				synced 2025-11-04 02:28:04 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			43 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			43 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
# Textarea 文本域
 | 
						||
 | 
						||
## 基础用法
 | 
						||
 | 
						||
<demo-block type="form" :config="[{
 | 
						||
  type: 'textarea',
 | 
						||
  name: 'textarea',
 | 
						||
  text: '文本域'
 | 
						||
}]">
 | 
						||
  <template #source>
 | 
						||
    <p>
 | 
						||
      在开启多选模式后,默认情况下会展示所有已选中的选项的Tag
 | 
						||
    </p>
 | 
						||
  </template>
 | 
						||
</demo-block>
 | 
						||
 | 
						||
## 禁用状态
 | 
						||
 | 
						||
<demo-block type="form" :config="[{
 | 
						||
  type: 'textarea',
 | 
						||
  name: 'textarea',
 | 
						||
  text: '文本域',
 | 
						||
  disabled: () => true
 | 
						||
}]">
 | 
						||
  <template #source>
 | 
						||
    <p>
 | 
						||
      通过 disabled 属性指定是否禁用 input 组件
 | 
						||
    </p>
 | 
						||
  </template>
 | 
						||
</demo-block>
 | 
						||
 | 
						||
## Input Attributes
 | 
						||
| 参数      | 说明    | 类型      | 可选值       | 默认值   |
 | 
						||
|---------- |-------- |---------- |-------------  |-------- |
 | 
						||
| name | 绑定值 | string | — | — |
 | 
						||
| placeholder  | 输入框占位文本   | string |       —        |      —   |
 | 
						||
| text     | 表单标签   | string |       —        |      —   |
 | 
						||
| disabled  | 是否禁用    | boolean / [FilterFunction](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | false   |
 | 
						||
| placeholder   | 输入框占位文本   | string          | — | — |
 | 
						||
| trim  | 是否去掉首尾空格  | boolean   | — | false  |
 | 
						||
| filter  | 过滤值  | string / Function   | number | -  |
 | 
						||
| onChange  | 值变化时触发的函数  | [OnChangeHandler ](https://github.com/Tencent/tmagic-editor/blob/master/packages/form/src/schema.ts)   | — | -   |
 |