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

问题描述

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

用户一看到的

年龄和家乡必填项
image

用户二看到的

技能和梦想必填项
image

实现代码

html代码图示
image
html代码

js部分

总结

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

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

你可能感兴趣的