如何编写Vue ElementUI el-form动态验证规则的长尾词实例代码？

本文共计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方法中进行动态判断直接返回赋值。