Skip to content

form 多重object rules验证失败 #3186

@wzohxia

Description

@wzohxia
  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

ant-design-vue 2.0.0-rc.1

Environment

vue3.0.2 Chrome86.0.4240.75

Reproduction link

https://2x.antdv.com/components/form-cn/

Steps to reproduce

<template>
  <a-form :model="form" :rules="rules">
    <a-form-item label="测试" name="users.test">
      <a-input v-model:value="form.users.test" />
    </a-form-item>
  </a-form>
</template>

<script>
import { reactive, defineComponent, toRefs } from 'vue'
export default defineComponent({
  name: 'App',
  setup() {
    const info = reactive({
      form: { users: { test: '' } },
      rules: {
        'users.test': {
          required: true,
          message: '测试不能为空',
          type: 'string',
        },
      },
    })

    return {
      ...toRefs(info),
    }
  },
})
</script>

image
image

What is expected?

form验证结果正确

What is actually happening?

form验证结果无法消除

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions