TextField 文本框

支持字符过滤、最大长度、占位提示、单行/多行、自适应高度、中文输入法。

请输入世界名称

仅数字

name = ""，num = ""

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

<template>
  <mc-text-field v-model="name" hint="请输入世界名称" :max-length="20" />
  <mc-text-field v-model="num" type="number" hint="仅数字" />
</template>

Props

名称	类型	默认	说明
modelValue	string	''	输入内容（v-model）
type	'text' | 'all' | 'number' | 'letter' | 'operator' | 'base' | 'none'	text	字符过滤规则
singleLine	boolean	true	禁止回车换行
maxLength	number	0	最大字符数（0 不限）
hint	string	''	占位提示
disabled	boolean	false	是否禁用

Events

事件	参数	说明
update:modelValue	string	v-model 更新
change	string	值变化
invalid-input	—	输入了被过滤规则拒绝的字符