antDesign Vue form表单组件动态生成表单如何添加校验规则

夕降巫咸

已于 2024-07-01 16:42:51 修改

阅读量386

点赞数 2

分类专栏： anti-design-vue 文章标签：前端 javascript anti-design-vue

于 2024-06-26 17:02:52 首次发布

本文链接：https://blog.csdn.net/changeable0127/article/details/139993768

版权

anti-design-vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

这是一个大概得逻辑是这样，里面的数据对象换成实际需要的即可。editForm是用来存储表单数据的对象。

<a-form-model-item
          v-for="(item, index) in arr" 
          :key="index"
          v-model="editform[item.key]"
          :prop="item.prop"
          :label="item.label"
          :rules="[
            { required: item.required, message: '请输入', trigger: 'blur' },
          ]"
        >
  <template>
    <a-input :key="item.prop" v-model="editform[item.key]" placeholder="请输入" />
  </template>
</a-form-model-item>