screen_rotation
Copied to Clipboard
<html> <head> <script type="importmap"> { "imports": { "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" } } </script> <body> <div id="app"> <h3>Vue Js Reset Form Fields</h3> <form ref="form"> <input type="text" v-model="name" placeholder="Enter Name" /><br><br> <input type="email" v-model="email" placeholder="Enter E-mail" /><br><br> <textarea type="text" v-model="address" placeholder="Enter Address"></textarea><br><br> </form> <button @click="resetForm">Reset</button> </div> <script type="module"> import { createApp } from "vue"; createApp({ data() { return { name: '', email: '', address: '', } }, methods: { resetForm() { this.$refs.form.reset(); } } }).mount("#app"); </script> </body> </head> </html>