| 1 |
- import{c as t,o as d,A as e}from"./vendor.80bf15c7.js";const o={class:"markdown-body"},r=e('<h1>InputNumber 数字输入框组件</h1><h3>介绍</h3><p>由加、减按钮以及输入框组成，用于输入一定范围的数字。</p><h3>安装</h3><pre><code class="language-javascript">import { createApp } from 'vue';\nimport { inputnumber } from '@nutui/nutui';\n\nconst app = createApp();\napp.use(inputnumber);\n\n</code></pre><h2>代码演示</h2><h3>基础用法1</h3><p>初始化一个默认值</p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" />\n</code></pre><h3>基础用法2</h3><p>设置步长<code>step</code> 和 保留的小数位<code>decimalPlaces</code></p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" :step="1.1" :decimalPlaces="1" />\n</code></pre><h3>基础用法3</h3><p><code>min</code> 和 <code>max</code> 属性分别表示最小值和最大值</p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" :min="3" :max="5" />\n</code></pre><h3>基础用法4</h3><p><code>readonly</code>设置只读</p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" :readonly="true" />\n</code></pre><h3>基础用法5</h3><p><code>size</code>设置操作符的大小</p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" :size="20px" />\n</code></pre><h3>高级用法</h3><p><code>before-change</code>支持异步修改数量</p><pre><code class="language-html"><nut-inputnumber v-model:modelValue="1" :before-change="true"/>\n</code></pre><pre><code class="language-js"> const beforeChange = () => {\n // return true;\n return new Promise(resolve => {\n setTimeout(() => {\n resolve(true);\n }, 500);\n });\n };\n</code></pre><h2>API</h2><h3>Props</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>size</td><td>操作符+、-尺寸</td><td>String</td><td><code>20px</code></td></tr><tr><td>color</td><td>操作符+、-颜色</td><td>String</td><td><code>#1a1a1a </code></td></tr><tr><td>dis-color</td><td>操作符+、-禁用时颜色</td><td>String</td><td><code>#ccc</code></td></tr><tr><td>min</td><td>最小值</td><td>String、Number</td><td><code>1</code></td></tr><tr><td>max</td><td>最大值</td><td>String、Number</td><td><code>Infinity</code></td></tr><tr><td>step</td><td>步长</td><td>String、Number</td><td><code>1</code></td></tr><tr><td>readonly</td><td>只读</td><td>Boolean</td><td>false</td></tr><tr><td>modelValue</td><td>初始值</td><td>String、Number</td><td><code>''</code></td></tr><tr><td>decimal-places</td><td>设置保留的小数位</td><td>String、Number</td><td><code>1</code></td></tr><tr><td>before-change</td><td>支持异步</td><td>Function</td><td>-</td></tr></tbody></table><h3>Events</h3><table><thead><tr><th>事件名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>change</td><td>值改变时触发</td><td>num: string</td></tr><tr><td>focus</td><td>输入框获取焦点时触发</td><td>event: Event, num: string</td></tr><tr><td>blur</td><td>输入框失去焦点时触发</td><td>event: Event, num: string</td></tr><tr><td>add-no-allow</td><td>超出最大事件回调</td><td>-</td></tr><tr><td>reduce-no-allow</td><td>超出最小事件回调</td><td>-</td></tr></tbody></table>',30),n={expose:[],setup:e=>(e,n)=>(d(),t("div",o,[r]))};export default n;
|
