theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

📝(component): 补充 textarea 文档

Browse Source
This commit is contained in:
就眠儀式 2022-07-22 00:45:15 +08:00
parent a37de78609
commit c310310f8e
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
package/document-component/src/document/zh-CN/components/textarea.md
View File

@ -36,7 +36,7 @@ export default {
::: title 事件回调 ::: title 事件回调
::: :::
::: demo ::: demo 通过 `input` 事件, 触发 input 输入回调。
<template> <template>
<lay-textarea placeholder="Input 事件" v-model="data2" @input="input"></lay-textarea> <lay-textarea placeholder="Input 事件" v-model="data2" @input="input"></lay-textarea>
@ -67,7 +67,7 @@ export default {
::: title 禁止输入 ::: title 禁止输入
::: :::
::: demo ::: demo 通过 `disabled` 属性, 禁止输入
<template> <template>
<lay-textarea placeholder="禁止输入" v-model="data3" :disabled="disabled"></lay-textarea> <lay-textarea placeholder="禁止输入" v-model="data3" :disabled="disabled"></lay-textarea>
@ -94,7 +94,7 @@ export default {
::: title 清空内容 ::: title 清空内容
::: :::
::: demo ::: demo 通过 `allow-clear` 属性, 开启清空操作, 默认不显示。
<template> <template>
<lay-textarea placeholder="请输入内容" v-model="data3" allow-clear></lay-textarea> <lay-textarea placeholder="请输入内容" v-model="data3" allow-clear></lay-textarea>
@ -120,12 +120,12 @@ export default {
::: title 显示字数 ::: title 显示字数
::: :::
::: demo ::: demo 通过 `show-count` 与 `max-length` 属性, 展示限制长度与当前长度。
<template> <template>
<lay-textarea placeholder="显示字数" v-model="data4" show-count></lay-textarea> <lay-textarea placeholder="显示字数" v-model="data4" show-count></lay-textarea>
<br> <br>
<lay-textarea placeholder="最大输入长度" v-model="data5" show-count maxlength="10"></lay-textarea> <lay-textarea placeholder="最大输入长度" v-model="data5" show-count :max-length="10"></lay-textarea>
</template> </template>
<script> <script>