vue可编辑表格vxe-table:edit-rules 正则校验正整数

您可以使用 `edit-rules` 属性来定义校验规则。在这个属性中，您可以使用正则表达式来校验输入的数据。假设您要校验输入是否为正整数，您可以这样定义：

edit-rules: {
  number: [
    { pattern: /^[1-9]\d*$/, message: '请输入正整数' }
  ]
}

在这个例子中，我们定义了一个名为 `number` 的校验规则，其中 `pattern` 属性指定了正则表达式 `/^[1-9]\d*$/`，它可以匹配所有正整数。`message` 属性则指定了校验失败时的提示信息。

然后，在您的模板中，您可以使用 `rules` 属性来引用这个校验规则：

<template>
  <vxe-table :data="tableData" :edit-config="{trigger: 'click', mode: 'cell'}">
    <vxe-table-column field="number" title="数字" :edit-render="{name: 'input'}" :edit-rules="editRules.number"></vxe-table-column>
  </vxe-table>
</template>

在这个例子中，我们将 `edit-rules` 属性设置为 `editRules.number`，其中 `editRules` 是一个包含我们定义的校验规则的对象。这样，当用户在表格中编辑数字时，系统会自动校验输入的数据是否符合我们定义的规则。如果校验失败，系统会弹出一个提示框，显示我们定义的提示信息。