layui/example/docs/zh-CN/components/textarea.md

::: anchor :::

::: title 基本介绍 :::

::: describe 当需要录入大量的文本文字。 :::

::: title 基础使用 :::

::: demo 使用 lay-textarea 标签, 创建文本域

<script> import { ref } from 'vue' export default { setup() { const data1 = ref(""); return { data1 } } } </script>

:::

::: title 事件回调 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const data2 = ref(""); const input = function( val ) { console.log(val) } return { data2, input } } } </script>

:::

::: title 禁止输入 :::

::: demo

<script> import { ref } from 'vue' export default { setup() { const data3 = ref(""); const disabled = ref(true) return { data3, disabled } } } </script>

:::

::: title Textarea 属性 :::

::: table

属性	描述	可选值
name	原始属性 name	--
placeholder	提示信息	--
disabled	禁用	true false
v-model	值	--

:::

::: title Textarea 事件 :::

::: table

事件	描述	可选值
input	原生 input 事件	event : 事件对象
foucs	原生 foucs 事件	event : 事件对象
blur	原生 blur 事件	--

:::

::: comment :::

::: previousNext textarea :::