Skip to content
On this page

Input

When To Use

When opening the plug-in, the content needs to be automatically selected. 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 attribute of ant design

Examples

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

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

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

API

Props

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