ant-design-vue 中 a-form-modal 中 form 数据为嵌套形式时验证该怎样写

最新推荐文章于 2024-05-07 09:40:46 发布

子恒吃西瓜

最新推荐文章于 2024-05-07 09:40:46 发布

阅读量954

点赞数 2

分类专栏：工作杂记文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_46587302/article/details/129319937

版权

工作杂记专栏收录该内容

4 篇文章 1 订阅

订阅专栏

表单是数据是这样的

Form = {
  configs: {
    cert: "",
    key: "",
  },
  description: "",
};

rules这样写

rules: {
        "configs.cert": [
          {
            required: true,
            message: "",
            trigger: "blur",
          },
        ],
        "configs.key": [
          {
            required: true,
            message: "",
            trigger: "blur",
          },
        ],
      },

element中这样使用

<a-form-model-item label="name" prop="configs.cert">
            <a-textarea
              placeholder=''
              :rows="4"
              v-model="form.configs.cert"
              class="setWidth"
              style="resize: vertical"
            />
 </a-form-model-item>