5

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

 1 year ago
source link: https://blog.51cto.com/u_14682436/5882598
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

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

精选 原创

TwcatL_tree 2022-11-24 10:03:14 ©著作权

文章标签 表单 文本框 3c 文章分类 其它 系统/运维 yyds干货盘点 阅读数189

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

vue表单必填项前面添加红色*_3c
2.实现代码
（1）from表单定义 :rules=“rules” ，:model=“headerForm”
vue表单必填项前面添加红色*_文本框_02

（2）文本框或者下拉框 定义 :rules=“rules.XXXX” ，prop=“XXXX”
vue表单必填项前面添加红色*_3c_03

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

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

（4）防止保存请求后台接口，做下保存前的验证

vue表单必填项前面添加红色*_文本框_05
            // 保存前验证处理
            if (!valid) {
                this.$notify.error({
                    title: "提示",
                    message: "当前输入项有错误，请检查",
                });
            return;
            }
        });

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK