vue3.x:使用arco的validator函数校验
<a-form-itemfield="name"label="分组名字":rules="[{ required: true, message: '请输入分组名字' },{ validator: validatePassCheck, required: true },]":validate-trigger="['input']">在JavaScr.
·
<a-form-item
field="name"
label="分组名字"
:rules="[
{ required: true, message: '请输入分组名字' },
{ validator: validatePassCheck, required: true },
]"
:validate-trigger="['input']"
>
在JavaScript中 validatePassCheck
如下
const validatePassCheck = (value, callback) => {
console.log(value, callback, props.currentList);
if (value) {
callback('名字不能重复');
}
// if (value === '') {
// callback(new Error('请再次输入密码'));
// } else if (value !== this.formInline.password) {
// callback(new Error('两次密码输入不一致'));
// } else {
// callback();
// }
};
总结:
使用 new Error
会出现 Error:错误信息
的样式
所以我选择不使用new Error
更多推荐
已为社区贡献36条内容
所有评论(0)