vue 表单必填项前面添加红色*和提示信息 1.效果图

image.png 2.实现代码 (1)from表单定义 :rules="rules" ,:model="headerForm" image.png

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

(3) js代码添加rules以及文本框或下拉框定义的 rules.XXXX image.png (4)防止保存请求后台接口,做下保存前的验证 image.png

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