1、vue3 使用Form组件的useForm时,浏览器警告报错:

在这里插入图片描述

2、点击打开找原因:

在这里插入图片描述

3、我自己写的代码:
import { Form } from "ant-design-vue";
const useForm = Form.useForm;
const { resetFields } = useForm(formData);
// 重置
const resetSearch = () => {
  resetFields();
};
4、useForm 是一个可以独立 Form 组件运行的方法,它使用 Vue 响应式机制进行数据的监听和校验。而自己写少了rulesRef参数(因为只是用于筛选,不校验,所以就没加): 官方文档地址 https://next.antdv.com/components/form-cn#components-form-demo-useForm-basic
5、解决:
import { Form } from "ant-design-vue";
const useForm = Form.useForm;
const rulesRef = ref({});
const { resetFields } = useForm(formData, rulesRef);
// 重置
const resetSearch = () => {
  resetFields();
};

当你在凝视深渊的时候,深渊也在凝视你。

Logo

前往低代码交流专区

更多推荐