element-plus输入框正则第一位不能为小数点

Element Plus是一个流行的Vue UI组件库，它的输入框组件允许通过`v-model`指令来进行双向数据绑定，并且可以设置验证规则。要在Element Plus的输入框中应用首位不能为小数点的正则表达式验证，你可以这样做：

首先，在模板上创建一个`el-input`并添加一个自定义的`validateRegex`属性用于保存正则表达式：

<template>
  <el-input v-model="inputValue" :placeholder="placeholder" :validateRegex="regexPattern"></el-input>
</template>

然后，在你的JavaScript或TypeScript里，定义正则表达式和初始化值：

<script setup>
import { ref } from 'vue';
import { ElInput } from 'element-plus';

const inputValue = ref('');
const placeholder = '请输入...';
const regexPattern = /^([^\.\d]|^)\d*(?:\.\d+)?$/; // 正则表达式，第一位不能是小数点

// 在提交表单或触发验证时检查输入是否匹配正则
function validateInput() {
  if (!regexPattern.test(inputValue.value)) {
    alert('输入不符合规定，第一位不能是小数点');
    return false;
  }
  // 如果匹配，则验证通过
}
</script>

在上述代码中，`^([^\.\d]|^)`匹配非小数点字符作为开始位置，`\d*`匹配任意数量的数字，`(?:\.\d+)?`表示可选的小数部分。