vxe-table校验
时间: 2023-10-25 19:11:19 浏览: 111
vxe-table-v2.9.24_表格组件_Table_
好的,关于vxe-table校验,你需要先在表格中设置校验规则,然后在提交表单时调用validate方法进行校验。具体步骤如下:
1. 在表格中设置校验规则,可以通过设置columns中的rules属性来实现。例如:
```javascript
columns: [
{
title: '姓名',
key: 'name',
rules: [
{ required: true, message: '姓名不能为空' },
{ min: 2, max: 10, message: '姓名长度在2到10个字符之间' }
]
},
{
title: '年龄',
key: 'age',
rules: [
{ required: true, message: '年龄不能为空' },
{ type: 'number', message: '年龄必须为数字' },
{ min: 18, max: 60, message: '年龄必须在18到60岁之间' }
]
}
]
```
2. 在提交表单时调用validate方法进行校验。例如:
```javascript
this.$refs.table.validate(valid => {
if (valid) {
// 校验通过,提交表单
} else {
// 校验不通过,提示错误信息
this.$message.error('表单校验不通过,请检查输入!');
}
});
```
阅读全文