Skip to content
On this page

NumberInput

何时使用

在打开插件时需要自动选中文字的输入框时(有example情况下需要选中方便用户键入清空),该输入框可以提供基本能力,

TIP

该组件完全支持AntDV的a-input-number属性

代码演示

<template>
  <h-number-input v-model:value="userInput" autoSelect :save-options="{autoSave:true,key:'user-input-number'}" />
</template>

<script setup lang="ts">
import { ref } from 'vue';

const userInput = ref('');
</script>

API

Props

属性说明类型默认值
autoSelect组件挂载时自动选中input框中的内容booleanfalse
saveOptions自动上传和初始化组件数据。
注意⚠️:同一个工具下的多个key值需要保证唯一性。
objectautoSave:false,key:""