/Javascript/Vue/Reset reactive state vue 3

Reset reactive state vue 3

// this not working for me if i have nasted array of object in intialState not sure way  
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: "john@doe.com"
      });
    }

    return { form, setForm, resetForm };
  }

Source: stackoverflow.com

Similar codes

3 votes138 views1 answer
V-switch vuex store
Javascript Vue
0 vote141 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
15 votes155 views3 answers
Vue3 - class and style binding
Javascript Vue
2 votes130 views3 answers
Vuejs copy to clipboard
Javascript Vue
0 vote100 views2 answers
Vue test utils emit from child component
Javascript Vue
1 vote139 views1 answer
Invalid Host header vue
Javascript Vue
0 vote140 views1 answer
Vuejs input call the value
Javascript Vue
0 vote159 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
0 vote143 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
0 vote197 views1 answer
Equals sign vue js
Javascript Vue