How can i reset form,i can't found method clearValidationEffect method in form ref

[nabaonan]

Environment Info

• Naive UI version: 2.11.7
• Vue version: 3.1.1
• Browser Info: Chome 91.0.4472.77
• System Info: macos 11.4

Reproduction link

https://codesandbox.io/s/naive-ui-test-vi95j?file=/src/App.vue:1326-1347

Steps to reproduce

click reset botton

What is expected?

the form can be reset

What is actually happening?

The form does not have a method called clearValidationEffect ,and with an error,but i found a method called restoreValidation,it is useful for clear validation ,but not for form's value

[07akioni]

The docs have mistakes, I've fixed it.

About resetting, naive-ui doesn't provide a method for reset a form. Form just collect values and do validation to the corresponding form items.

If you want to restore a value. Just implemenet it. For example:

{
  setup () {
    const formInitValue = { key: 'value' }
    const formValueRef = ref({ ...formInitValue })
    const resetFormValue = () => { formValueRef.value = formInitValue }
    // ...
  }
}

[jahnli]

@07akioni Writing this seems to lead to object double reference problems,

[jahnli]

@07akioni form.value = { ...formInitValue } 它是可以的

[07akioni]

@07akioni form.value = { ...formInitValue } 它是可以的

是的，我们这个表格由于实现的比较简陋，内部根本不去收集值，完全是受控的，想恢复就是记录一下初始值的事

[wangfpp]

应该提供这个方法吧 还是经常使用的

[07akioni]

应该提供这个方法吧 还是经常使用的

提供不了，数据是用户自己控制的，表格改不了这玩意

[07akioni]

或许可以用 v-model:model 来做一个简单的清除工作，不过 emmm 确实感觉意义不大，省不了多少代码。

用户如果要自己搞这个事其实很简单，只多三行代码

const initialModel = { ... }

setup () {
  const modelRef = ref(deepClone(initialModel))
  return {
    model: modelRef,
    reset: () => modelRef.value = deepClone(initialModel)
  }
}