screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> </head> <body> <h2>Vue Js Reset Data Values</h2> <div id="app"> <h1>{{ title }}</h1> <input type="text" v-model="message" /> <p>{{ message }}</p> <button @click="resetData">Reset Data</button> {{defaultData}} </div> <script> new Vue({ el: '#app', data() { return { title: 'My Component', message: 'Hello, Vue!', defaultData: null } }, methods: { resetData() { // Create a deep copy of the original data object const originalData = JSON.parse(JSON.stringify(this.$options.data())); Object.assign(this.$data, originalData); } } }); </script> </body> </html>