Home Explore Help
Sign In
githab
/
nutui
3
0
Fork 0
Files
Tree: 86263b1c45
Branches Tags
nutui
/
assets
/
doc.04171749.js

doc.04171749.js 2.5 KB
History Raw

1 
  1. import{c as t,o as d,A as e}from"./vendor.80bf15c7.js";const o={class:"markdown-body"},a=e('<h1>Textarea 文本域组件</h1><h3>介绍</h3><p>支持多行文本</p><h3>安装</h3><pre><code class="language-javascript">import { createApp } from &#39;vue&#39;;\nimport { Textarea } from &#39;@nutui/nutui&#39;;\n\nconst app = createApp();\napp.use(Textarea);\n\n</code></pre><h2>代码演示</h2><h3>基础用法</h3><pre><code class="language-html">&lt;nut-textarea\n  v-model:value=&quot;state.val0&quot;\n  @change=&quot;change&quot;\n  rows=&quot;5&quot;\n  placeholder=&quot;高度可拉伸&quot;\n  :autosize=&quot;true&quot;\n  label=&quot;留言：&quot;\n/&gt;\n</code></pre><h3>显示字数统计</h3><pre><code class="language-html"> &lt;nut-textarea\n  v-model:value=&quot;state.val1&quot;\n  @change=&quot;change&quot;\n  rows=&quot;5&quot;\n  :limit-show=&quot;true&quot;\n  max-length=&quot;20&quot;\n  type=&quot;textarea&quot;\n  placeholder=&quot;设置输入五行&quot;\n  label=&quot;留言：&quot;\n/&gt;\n</code></pre><h3>Prop</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>value</td><td>输入值，支持双向绑定</td><td>String</td><td>-</td></tr><tr><td>placeholder</td><td>为空时占位符</td><td>String</td><td><code>&#39;请输入信息&#39;</code></td></tr><tr><td>label</td><td>左侧文案</td><td>String</td><td>-</td></tr><tr><td>max-length</td><td>限制最长输入字符</td><td>String、Number</td><td>-</td></tr><tr><td>rows</td><td>textarea的高度</td><td>String、Number</td><td><code>2</code></td></tr><tr><td>limit-show</td><td>textarea是否展示输入字符。须配合<code>max-length</code>使用</td><td>Boolean</td><td><code>false</code></td></tr><tr><td>autosize</td><td>高度是否可拉伸</td><td>Boolean</td><td><code>false</code></td></tr><tr><td>text-align</td><td>文本位置,可选值<code>left</code>,<code>center</code>,<code>right</code></td><td>String</td><td><code>left</code></td></tr><tr><td>readonly</td><td>只读属性</td><td>Boolean</td><td><code>false</code></td></tr><tr><td>disabled</td><td>禁用属性</td><td>Boolean</td><td><code>false</code></td></tr></tbody></table><h3>Event</h3><table><thead><tr><th>名称</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>change</td><td>输入内容时触发</td><td>val</td></tr><tr><td>focus</td><td>聚焦时触发</td><td>val</td></tr><tr><td>blur</td><td>失焦时触发</td><td>val</td></tr></tbody></table>',14),r={expose:[],setup:e=>(e,r)=>(d(),t("div",o,[a]))};export default r;
    2.