vue3-基于element-plus实现定制化动态表单及校验
基础版
这里不会对表单进行封装处理
<template>
<div style="margin: 0 auto; width: 1200px">
<el-form
ref="formRef"
style="max-width: 600px; margin-top: 20px"
:model="dynamicValidateForm"
label-width="auto"
class="demo-dynamic"
>
<!-- 动态表单 -->
<div
v-for="(domain, index) in dynamicValidateForm.domains"
:key="domain.key"
style="margin-bottom: 15px"
>
<div>
<p style="color: #bbb; font-size: 13px">被保人{
{ index + 1 }}</p>