如何正确重置Vue Composition Api的反应值 [英] How to properly reset Vue Composition Api's reactive values

问题描述

我想知道如何在vuejs设置中重置反应式? (我知道是否可以将其更改为ref并使用view.value可以解决此问题，但是使用反应式应该对此有一个答案)

I'm wondering how should I reset a reactive in vuejs setup? (i know if change it to the ref and using view.value will solve this problem, but there should be an answer to this for using reactive)

推荐答案

您可以使用Object.assign:

  setup() {
    const initialState = {
      name: "",
      lastName: "",
      email: ""
    };

    const form = reactive({ ...initialState });

    function resetForm() {
      Object.assign(form, initialState);
    }

    function setForm() {
      Object.assign(form, {
        name: "John",
        lastName: "Doe",
        email: "[e-mail]"
      });
    }

    return { form, setForm, resetForm };
  }

看到它活在codeandbox上

信用:从这里获取

这篇关于如何正确重置Vue Composition Api的反应值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！