开始的时候尝试的写行内样式，但是会导致验证提示左移 下面是我使用的方法 表单项放在一个div中,修改对应类的样式 ::v-deep的作用自己百度 写法可能不一样，思路如此 修改后的效果 ...

...

需求： 当类别为“菜单”时的必填项： 当类别为“按钮”时的必填项： 实现： data里面定义： el-form里面设置rules： methods里面定义： watch里面定义： 注 ...

在项目中，通常我们在提交表单的时候需要进行一个必填项的验证，在这里，就简单的介绍一下element提供的表单组件中的必填项验证 通过阅读文档，可以得知el-form上是自带一个validate方法的 对整个表单进行校验的方法，参数为一个回调函数。该回调函数会在校验结束后被调用 ...

...

直接上代码 效果 ...

layui必填项校验样式 这里使用的是自带的required样式 标签中的class = " required" 必须在form标签中才会起作用 如下： 注：form标签需要在最外层，否则样式会不起作用 以下不起作用 ...

最近在项目中遇到了上传文件是必填项的用法 刚开始按照传统模式的必填项的做法，在el-form标签中使用prop="fileUpdate" 然后再 结果在选择好文件上传，点击提交表单后，该提示一直存在 于是想到了使用res的属性去更改验证的规则，动态将必填项移除 就有 ...