element-ui清除表单验证提示语

红太狼 2023-10-07 10:51 29阅读 0赞

### 一、需求描述： ###

使用了element-ui的表单，  
点击发布当物流单号为空时，会出现提示，如果我通过上方下拉框切换了物流名称，我希望能够主动的清除下方的红色提示信息。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70]

### 二、解决方案 ###

#### 1.编写表单代码，绑定下拉框change事件 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70 1]

#### 2.编写chang事件代码 ####

![在这里插入图片描述][20200309214419484.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200309213306581.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200309214159874.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzc4NTk3,size_16,color_FFFFFF,t_70
[20200309214419484.png]: https://img-blog.csdnimg.cn/20200309214419484.png

发表评论取消回复

表情：

评论列表（有 0 条评论，29人围观）

还没有评论，来说两句吧...

相关阅读

相关 ElementUI之CUD+表单验证

![76896d430d554fe795fdfe74e12272d0.jpeg][] 一.ELementUI之CUD 后端CUD编写 @Control

Dear 丶/ 2024年02月23日 04:15/ 0 赞/ 73 阅读

相关 element-ui清除表单验证提示语

一、需求描述：使用了element-ui的表单，点击发布当物流单号为空时，会出现提示，如果我通过上方下拉框切换了物流名称，我希望能够主动的清除下方的红色提示信息。

红太狼/ 2023年10月07日 10:51/ 0 赞/ 30 阅读

相关 vue之elementui表单验证最基本实例

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

谁借莪１个温暖的怀抱￠/ 2023年01月20日 09:57/ 0 赞/ 65 阅读

相关 elementui表单密码强度自定义验证

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

约定不等于承诺〃/ 2022年11月27日 08:54/ 0 赞/ 382 阅读

相关 vue+elementUi——form表单校验提示清除(技能提升)

今天在写后台管理系统时，用到了表单校验，为了能够校验必填项和类型等，需要用到表单中的 `rule`校验规则。最终效果如下： ![在这里插入图片描述][watermark_t

偏执的太偏执、/ 2022年09月04日 02:54/ 0 赞/ 1101 阅读

相关 ElementUI的form表单验证事件

用过了elementUi的表单验证、表单提交之后，个人觉得不是太建议使用。第一：和我们自己写js的繁琐程度差不多，第二，还要读文档增加了学习时间和成本。废话不多说，直接上

旧城等待，/ 2022年05月17日 00:43/ 0 赞/ 299 阅读

相关 elementui之表单验证

1.举例子 [{text:""},{text:''},.......] <el-form-item

Dear 丶/ 2022年04月24日 10:42/ 0 赞/ 244 阅读

相关 vue+elementui 对话框取消表单验证重置

最近在写增删改查，在新增的时候要弹出对话框填写form表单信息，发现对话框右上角的小X和右下角的取消不是一个事件，我想在点击它们两个的时候都可以重置表单，最终解决，如下。 v

Myth丶恋晨/ 2022年04月18日 01:21/ 0 赞/ 513 阅读

相关 elementui 自定义表单验证邮箱、电话号码

1.html部分: <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="125

拼搏现实的明天。/ 2022年03月11日 10:16/ 0 赞/ 1098 阅读

相关 elementUI表单验证数字时失效

在写vue+elementUI项目的时候遇到了验证数字失败的问题，解决办法：用‘.number’修饰v-model，例子如下： <el-form-item lab

心已赠人/ 2021年12月12日 15:47/ 0 赞/ 598 阅读