Property 'resetFields' does not exist on type 'Vue'.Vetur(2339) 网上的方法,resetFields() 并不是 Vue 的方法,而是你某个组件的方法。所以你需要把 this.$refs[formName] 显式标注为那个组件类型,比如: resetForm (formName) { (<WhateverForm>this.$refs[editForm]).resetFields() // 或者不喜欢一堆...
Property 'resetFields' does not exist on type 'Vue'.Vetur(2339) 网上的方法,resetFields() 并不是 Vue 的方法,而是你某个组件的方法。所以你需要把 this.$refs[formName] 显式标注为那个组件类型,比如: resetForm (formName) { (<WhateverForm>this.$refs[editForm]).resetFields() // 或者不喜欢一堆...
useEditProject:useAddProjectconst{mutateAsync,error,isLoading:mutateLoading}=useMutateProject(useProjectsQueryKey())constonFinish=(values:any)=>{mutateAsync({...editingProject,...values}).then(()=>{form.resetFields()close()})} 在这里我们采用了 2 个custom hook,useEditProject和useAddProject,接...
每个el-form-item必须设置prop属性,否则重置方法resetFields不生效 重置方法使用的formRef后面需要增加.value,因为声明的是ref。否则重置方法resetFields不生效 要控制表单项的布局,使用el-row和el-col是不错的方法,易于控制
resetFields() }, [form, props.visible]) 这样我们的创建功能也实现了,最后我们再稍微讲讲任务组 item 中的路由跳转 三、路由跳转 当我们点击下面的任务时,需要跳转到看板页面对应任务的编辑窗口,我们来看看效果图 其实这只要我们的路由地址配置好了就没有问题了 我们来看看如何配置这个跳转的路由地址 指定到对应...
ts报错reset(formName){this.$refs[formName].resetFields();}正确reset(formName){constref:any=this.$refs[formName];ref.resetFields();}
await FormRef.value.resetFields() } //新增表单打开事件 function handleOpen(type: any) { formData.formItems = useForm().formItems //表单item formData.editable = true //打开表单编辑 title.value = types[type] show.value = true //表单的打开 ...
form.resetFields(); props.onSearch({}); }; constonSearch= () => { form.validateFields().then(res=>{ props.onSearch(res); }); }; return( <FormclassName="layout__search"form={form}layout="inline"onFinish={onSearch}> {props.formList.map((item: SearchFormItem) => ( ...
useEffect(()=>{form.resetFields()},[form,props.visible]) 这样我们的创建功能也实现了,最后我们再稍微讲讲任务组item中的路由跳转 三、路由跳转 当我们点击下面的任务时,需要跳转到看板页面对应任务的编辑窗口,我们来看看效果图 其实这只要我们的路由地址配置好了就没有问题了 ...
tips:form.resetFields 方法可以重置表单,也就是一个清空表单的效果 2. 封装增删改查 hook引出 在上一小节中,我们也看到了这些 hook 的使用,我们在使用的时候只需要传递一个 queryKey ,就能够返回一个 mutate 以及一些相关的配置,这些我们并没有手动的去写,那它是怎么实现的呢?