动态表单校验规则须响应式生成与更新，用 reactive/ref 管理 rules；条件校验通过 computed 或 validator 实现；动态 ref 定位错误字段并聚焦；避免 v-if 销毁节点导致规则失效。
动态表单的校验规则不能写死，必须随字段结构、业务状态实时生成和更新。核心在于让 rules 对象本身保持响应式，并确保 Element Plus（或 Element UI）的 Form 组件能感知到它的变化。
用 reactive 或 ref 管理 rules 对象
不要把 rules 定义成普通对象或常量。它必须是响应式的，否则修改后 Form 不会重新收集校验规则。
- Vue 3 + Composition API：用
reactive({})或ref({})创建 rules，字段 key 和规则数组都可随时增删改 - Vue 2 + Options API：将 rules 放在
data()中返回，或用Vue.set/this.$set动态添加新字段规则，避免直接赋值导致响应失效 - 示例（Vue 3）：
const rules = reactive({})<br>fields.forEach(field => {<br> if (field.required) {<br> rules[field.id] = [{ required: true, message: `${field.label} 为必填项`, trigger: 'blur' }] <br> }<br>})
按需注入规则：条件必填与联动校验
字段是否需要校验，取决于其他字段的值（如“是否启用”开关、“证件类型”下拉框）。这时不靠 v-if 控制渲染，而是靠规则内容动态切换。
