v-inputlimit

input 输入限制指令，change 时非法字符会被移除掉。
v-inputlimit:letterNumber 或者 v-inputlimit="/^\w$/"

// 预设正则表达式
const regObj = {
  letterNumber: /^\w*$/, // 字母和数字
  price: /^(\d*|(\d+\.\d{0,2}))$/,
  phone: /^\d{0,11}$/,
  number: /^\d*$/,
  negativePrice: /^\-?(\d*|(\d+\.\d{0,2}))$/, //负数金额
  loginVerify: /^[0-9a-zA-Z]{0,4}$/,
  verify: /^\d{0,6}$/,
  idCard: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/, //身份证号(15位、18位数字)，最后一位是校验位，可能为数字或字符X
};

代码演示

基本用法

仅支持输入字母和数字

<template>
  <div>
    <a-input
      v-model:value.trim="value"
      placeholder="请输入"
      maxlength="50"
      v-inputlimit:letterNumber
      style="width: 200px"
    />
  </div>
</template>

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