element前端textarea限制只能输入数字

在Element UI的`<el-form>`组件中，你可以通过自定义验证规则来限制textarea只允许输入数字。首先，你需要在Vue实例中设置表单的rules属性，并为其添加一个验证函数，这个函数可以检查用户输入的内容是否全部由数字组成。

下面是一个简单的例子：

<template>
  <el-form :model="form" :rules="rules">
    <el-form-item label="数字输入">
      <el-textarea v-model="form.numInput" placeholder="请输入数字"></el-textarea>
    </el-form-item>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        numInput: ''
      },
      rules: {
        numInput: { // 规则定义
          validator: (rule, value, callback) => {
            if (!/^\d*$/.test(value)) { // 使用正则表达式检查是否全为数字
              callback(new Error('请输入纯数字'));
            } else {
              callback();
            }
          },
          message: '输入无效', // 提示信息
        }
      }
    };
  }
};
</script>

在这个例子中，我们使用了正则表达式`/^\d*$/`来匹配字符串是否仅包含数字。如果输入不符合规则，会触发错误提示。