screen_rotation
Copied to Clipboard
<html> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> </head> <body> <div id="app"> <form @submit.prevent="submitComment"> <input type="text" v-model="formInfo.name" placeholder="Enter your name"><br><br> <input type="email" v-model="formInfo.email" placeholder="Enter your email"><br><br> <input type="number" v-model="formInfo.number" placeholder="Enter your number"><br><br> <textarea type="text" v-model="formInfo.comment" placeholder="Enter your comment"></textarea><br><br> <button type="submit">Submit Form</button> </form> </div> <script type="module"> const app = Vue.createApp({ data() { return { formInfo: { name: '', email: '', number: '', comment: '' } } }, methods: { submitComment() { axios.post('/comment', this.formInfo) .then(response => { console.log(response); }) .catch(error => { console.log(error); }); } } }) app.mount("#app") </script> </body> </html>