【Note】ant-design-vue Form表单如何校验对象属性

351 阅读1分钟

不多bb。直接上代码

HTML部分(橘色框重点)

image.png

JS

export default defineComponent({

    setup() {
        const formState = reactive<FormState>({
            // 注意这里
            account: {
                username: '',
                password: '',
            },
            remember: true,
        });
        const onFinish = (values: any) => {
            console.log('Success:', values);
        };
        const onFinishFailed = (errorInfo: any) => {
            console.log('Failed:', errorInfo);
        };
        return {
            formState,
            onFinish,
            onFinishFailed,
        };
    },
});

结果

image.png