|
@@ -1,38 +1,38 @@
|
|
|
<template>
|
|
|
- <form @submit.prevent="handleSubmit">
|
|
|
- <div>
|
|
|
- <label for="name">Name:</label>
|
|
|
- <input type="text" id="name" v-model="form.name" required>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <label for="email">Email:</label>
|
|
|
- <input type="email" id="email" v-model="form.email" required>
|
|
|
- </div>
|
|
|
- <button type="submit">Submit</button>
|
|
|
- </form>
|
|
|
+ <form @submit.prevent="handleSubmit">
|
|
|
+ <div>
|
|
|
+ <label for="name">Name:</label>
|
|
|
+ <input type="text" id="name" v-model="form.name" required />
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <label for="email">Email:</label>
|
|
|
+ <input type="email" id="email" v-model="form.email" required />
|
|
|
+ </div>
|
|
|
+ <button type="submit">Submit</button>
|
|
|
+ </form>
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts">
|
|
|
-import { defineComponent, reactive } from 'vue';
|
|
|
+import { defineComponent, reactive } from "vue";
|
|
|
|
|
|
export default defineComponent({
|
|
|
- name: 'AddForm',
|
|
|
- setup() {
|
|
|
- const form = reactive({
|
|
|
- name: '',
|
|
|
- email: ''
|
|
|
- });
|
|
|
+ name: "AddForm",
|
|
|
+ setup() {
|
|
|
+ const form = reactive({
|
|
|
+ name: "",
|
|
|
+ email: "",
|
|
|
+ });
|
|
|
|
|
|
- const handleSubmit = () => {
|
|
|
- console.log('Form submitted:', form);
|
|
|
- // Here you can add code to send the form data to your backend or handle it as needed
|
|
|
- };
|
|
|
+ const handleSubmit = () => {
|
|
|
+ console.log("Form submitted:", form);
|
|
|
+ // Here you can add code to send the form data to your backend or handle it as needed
|
|
|
+ };
|
|
|
|
|
|
- return {
|
|
|
- form,
|
|
|
- handleSubmit
|
|
|
- };
|
|
|
- }
|
|
|
+ return {
|
|
|
+ form,
|
|
|
+ handleSubmit,
|
|
|
+ };
|
|
|
+ },
|
|
|
});
|
|
|
</script>
|
|
|
|