输入框

前言

• 1.扩展输入检查组件
• 2.扩展输入更多组件

默认

<template>
  <web-input class="web-input" v-model="value"> </web-input>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('11111')
</script>

文本域

<template>
  <web-input class="web-input" v-model="value" type="textarea"> </web-input>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('11111')
</script>

输入检查

<template>
  <web-input-button class="web-input" v-model="value" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('11111')
</script>

输入更多

<template>
  <web-input-more class="web-input" v-model="value" />
</template>

<script setup lang="ts">
import { ref } from 'vue'
const value = ref('11111')
</script>