element 动态渲染form表单，添加验证

最新推荐文章于 2024-09-19 09:45:04 发布

Ronin-code

最新推荐文章于 2024-09-19 09:45:04 发布

阅读量670

点赞数

文章标签： elementui

本文链接：https://blog.csdn.net/qq_36396822/article/details/126106516

版权

本文介绍了如何使用ElementUI库动态渲染form表单，并结合`:prop`属性进行数据绑定和验证，重点关注`subAccountList`数组中`companyName`字段的处理。

摘要由CSDN通过智能技术生成

要点 :prop="`subAccountList[${index}].companyName`"

   <div
        class="form-block son-unit_form"
        v-for="(item, index) in form.subAccountList"
        :key="index"
      >
        <div class="del-icon" @click="clickDeleteSonUnit(item, index)">
          <el-button
            type="info"
            icon="el-icon-close"
            size="mini"
            circle
          ></el-button>
        </div>
        <el-form-item
          :label="`子单位${index + 1}`"
          :prop="`subAccountList[${index}].companyName`"
          :rules="[
            {
              required: true,
              message: `请输入子单位${index + 1}名称`,
              trigger: &#