Skip to content
On this page

NumberInput

When To Use

When the plug-in needs to be automatically selected when the text input box is opened, in the case of an example, it needs to be selected to facilitate the user to type and clear. This input box can provide basic capabilities

TIP

This component fully supports the input number attribute of ant design

Examples

<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

PropertyDescriptionTypedefault
autoSelectAutomatically select the content in the input box when the component is mountedbooleanfalse
saveOptionsAutomatically upload and initialize component data.
Note ⚠️: Multiple key values under the same tool need to be unique.
objectautoSave:false,key:""