MultilineInput
When To Use
This input box makes typing easier when multi-line input is required
Examples
<template>
<h-multiline-input v-model="text" autofocus title="标题" />
</template>
<script setup lang="ts">
import { ref } from 'vue';
const text = ref('请输入多行文本');
</script>
API
Props
| Property | Description | Type | default |
|---|---|---|---|
| id | Used when getting dom | string | |
| title | title | string | |
| modelValue | input value | string | |
| placeholder | Placeholder of input | string | |
| autofocus | auto focus input | boolean | autofocus |
| autoSelect | Automatically select the content in the input box when the component is mounted | boolean | false |
| noChangeOnMounted | Change events are not triggered when the component is mounted | boolean | false |
| autoFillInputCondition | Clipboard automatic backfill judgment function | Function | null |
| saveOptions | Automatically upload and initialize component data. Note ⚠️: Multiple key values under the same tool need to be unique. | object | autoSave:false,key:"" |
Events
| Events Name | Description | Type | default |
|---|---|---|---|
| change | The key-value pair change triggers the callback function | Function |