Vue ElementUI中，如何实现el-form的动态rules验证示例代码解析？

本文共计576个文字，预计阅读时间需要3分钟。

一、介绍简介：在使用elementUI的el-form组件中，针对不同业务需求的不同时间，可能会产生不同表格结构，但它们都使用同一个表格控件el-form。

图片介绍：

1、在用户选择单选或多选时，会出现A、B、C、D、E五个选项。

一、介绍

简介：在使用elementUI el-form 中，对于业务不同的时候可能会产生不同表单结构，但是都是存在同一个表单控件el-form中。

图片介绍：

1、在用户选择单选或多选时会有A,B,C,D,E五个选项

2、在用户选择简答题时只会题干，答案以及解析选项（主要是通过v-if来进行判断）

问题引入：当用户选择不同的题库时会产生不同的form表单选项，这个时候在进行表单提交验证的时候就需要根据不同试题类型进行判断，这个时候就需要两个rules来动态进行表单校验。

解决方法：在页面加载的时候在computed方法中进行动态判断直接返回赋值。