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();
};