| 1 |
- import{c as t,o as d,A as e}from"./vendor.80bf15c7.js";const o={class:"markdown-body"},n=e('<h1>Input 输入框组件</h1><h3>介绍</h3><h3>安装</h3><pre><code class="language-javascript">import { createApp } from 'vue';\nimport { input } from '@nutui/nutui';\n\nconst app = createApp();\napp.use(input);\n\n</code></pre><h2>代码演示</h2><h3>基础用法</h3><pre><code class="language-html"><nut-textarea\n v-model:value="state.val0"\n @change="change"\n rows="5"\n placeholder="高度可拉伸"\n :autosize="true"\n label="留言："\n />\n</code></pre><h3>显示字数统计</h3><pre><code class="language-html"> <nut-textarea\n v-model:value="state.val1"\n @change="change"\n rows="5"\n :limitShow="true"\n maxLength="20"\n type="textarea"\n placeholder="设置输入五行"\n label="留言："\n />\n</code></pre><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>-</td></tr><tr><td>label</td><td>左侧文案</td><td>string</td><td>-</td></tr><tr><td>maxlength</td><td>限制最长输入字符</td><td>string/number</td><td>-</td></tr><tr><td>rows</td><td>textarea时高度</td><td>string/number</td><td>2</td></tr><tr><td>limit-show</td><td>textarea时是否展示输入字符。须设置maxlength</td><td>boolean</td><td><code>false</code></td></tr><tr><td>change</td><td>输入内容时触发</td><td>function</td><td>-</td></tr><tr><td>focus</td><td>聚焦时触发</td><td>function</td><td>-</td></tr><tr><td>blur</td><td>失焦时触发</td><td>function</td><td>-</td></tr><tr><td>clear</td><td>点击清空时触发</td><td>function</td><td>-</td></tr></tbody></table>',10),r={expose:[],setup:e=>(e,r)=>(d(),t("div",o,[n]))};export default r;
|
