企业网站建设程序,唐山市网站建设,电影网站做流量吗,wordpress局域网中看关于 ant-design-vue resetFields 失效
背景#xff1a; 遇到这样的问题使用ant-design-vue useForm来制作表单的时候#xff0c;resetFields()失效
场景#xff1a; 编辑 -赋值 新增-初始值#xff08;问题点#xff1a;新增的时候他就不初始化#xff09;
方案…关于 ant-design-vue resetFields 失效
背景 遇到这样的问题使用ant-design-vue useForm来制作表单的时候resetFields()失效
场景 编辑 -赋值 新增-初始值问题点新增的时候他就不初始化
方案 1、调用resetFields() 传参 2、要么使用reactive 明确定义初始值
解释 首先我这里讲一下源代码中的逻辑
useForm代码 1、首先我讲一下我这里为什么不生效因为我在定义初始值的时候并没有给准确的modelRef定义
const modelRef reactive({} as SomethingInterface);因为我是使用typescript不想给他一个一个定义所以根据源码看的话我的initialModel就是个{} 所以我每次调用resetFields()的时候都是 modelRef, 所以他就没变
2、 为了解决这个问题我这里是有3个方案
第一是我没看源码前直接粗暴的方式
// 清空对象将其属性设置为空对象
Object.keys(obj).forEach(key delete obj[key as keyof typeof obj]);第二是我看源码后resetFileds()的时候传值 resetFileds({name:})第三是按照官网文档一样老老实实的定好 好了, 我这里说完了继续敲代码
