动态实现elementui不同用户el-form中的输入框el-input校验项不同

问题描述

关于输入框校验这个问题，其实是老生常谈的问题。相关的工具包有很多，如果我们使用饿了么UI，也可以用el-form中的简单的校验。一般来说如果使用elementui的话，就大概率是做后台管理系统的，说道后台管理系统，就要说道权限问题。即：不同的用户看到的、可操作的不同。后台管理系统的权限问题本篇不做赘述。主要说其中一个小场景：不同的用户登录这个系统后，都会看到同样的el-form表单，但是必填项却不同 废话不多说 上效果图

用户一看到的

年龄和家乡必填项

用户二看到的

技能和梦想必填项

实现代码

html代码图示

html代码

js部分

总结

最终效果就是不同用户不同的必填项未填写，就会进行不同的校验和提示

还是那句话，问题提供的是一种思路，当我们程序员面对具体问题的时候，有思路了，就好做了。