0
点赞
收藏
分享

微信扫一扫

vue表单必填项前面添加红色*


vue ​​表单​​必填项前面添加红色*和提示信息

1.效果图

vue表单必填项前面添加红色*_前端


2.实现代码

(1)from表单定义 ​​:rules="rules" ,:model="headerForm"​

vue表单必填项前面添加红色*_前端_02

(2)​​文本框​​​或者下拉框 定义 ​​:rules="rules.XXXX" ,prop="XXXX"​

vue表单必填项前面添加红色*_表单_03

(3) js代码添加rules以及文本框或下拉框定义的 ​​rules.XXXX​

vue表单必填项前面添加红色*_表单_04


(4)防止保存请求后台接口,做下保存前的验证

vue表单必填项前面添加红色*_表单_05

this.$refs["headerForm"].validate((valid) => {
// 保存前验证处理
if (!valid) {
this.$notify.error({
title: "提示",
message: "当前输入项有错误,请检查",
});
return;
}
});



举报

相关推荐

0 条评论